{"id":3584,"date":"2026-07-14T04:22:04","date_gmt":"2026-07-14T04:22:04","guid":{"rendered":"https:\/\/tucumandevelopers.com\/index.php\/2026\/07\/14\/how-to-build-a-shadcn-sheet-component-in-react-cart-and-filter-panel-examples\/"},"modified":"2026-07-14T04:22:04","modified_gmt":"2026-07-14T04:22:04","slug":"how-to-build-a-shadcn-sheet-component-in-react-cart-and-filter-panel-examples","status":"publish","type":"post","link":"https:\/\/tucumandevelopers.com\/index.php\/2026\/07\/14\/how-to-build-a-shadcn-sheet-component-in-react-cart-and-filter-panel-examples\/","title":{"rendered":"How to Build a Shadcn Sheet Component in React: Cart and Filter Panel Examples"},"content":{"rendered":"<div>A Sheet is a panel that slides in from the edge of the screen instead of popping up in the center like a modal. You&#8217;ve likely used one when you&#8217;ve opened a shopping cart on an e-commerce site or tappe<\/div>\n<p>Fuente: <a href=\"https:\/\/www.freecodecamp.org\/news\/how-to-build-a-shadcn-sheet-component-in-react-cart-and-filter-panel-examples\/\">Art\u00edculo original<\/a><\/p>\n","protected":false},"excerpt":{"rendered":"<p>A Sheet is a panel that slides in from the edge of the screen instead of popping up in the center like a modal. You&#8217;ve likely used one when you&#8217;ve opened a shopping cart on an e-commerce site or tappe Fuente: Art\u00edculo original<\/p>\n","protected":false},"author":1,"featured_media":3583,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":"","jetpack_publicize_message":"","jetpack_publicize_feature_enabled":true,"jetpack_social_post_already_shared":true,"jetpack_social_options":{"image_generator_settings":{"template":"highway","default_image_id":0,"font":"","enabled":false},"version":2}},"categories":[45],"tags":[],"class_list":["post-3584","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-freedocecamp"],"jetpack_publicize_connections":[],"_links":{"self":[{"href":"https:\/\/tucumandevelopers.com\/index.php\/wp-json\/wp\/v2\/posts\/3584","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/tucumandevelopers.com\/index.php\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/tucumandevelopers.com\/index.php\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/tucumandevelopers.com\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/tucumandevelopers.com\/index.php\/wp-json\/wp\/v2\/comments?post=3584"}],"version-history":[{"count":0,"href":"https:\/\/tucumandevelopers.com\/index.php\/wp-json\/wp\/v2\/posts\/3584\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/tucumandevelopers.com\/index.php\/wp-json\/wp\/v2\/media\/3583"}],"wp:attachment":[{"href":"https:\/\/tucumandevelopers.com\/index.php\/wp-json\/wp\/v2\/media?parent=3584"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/tucumandevelopers.com\/index.php\/wp-json\/wp\/v2\/categories?post=3584"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/tucumandevelopers.com\/index.php\/wp-json\/wp\/v2\/tags?post=3584"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}