{"$schema":"https://ui.shadcn.com/schema/registry-item.json","name":"bookshelf","type":"registry:item","title":"Bookshelf","description":"The exact seven-volume Bookshelf collection with its authored room, carousel shelf, individual cover artwork, foil, pages, inspection, opening, and page-turn system.","files":[{"path":"snippets/bookshelf.tsx","content":"import { BookshelfScene } from \"@designcodeio/threeui\";\nimport \"@designcodeio/threeui/style.css\";\n\n// The component fills its parent, so the parent is what gives it a size.\nexport function BookshelfSceneExample() {\n  return (\n    <div style={{ width: \"100%\", aspectRatio: \"16 / 9\" }}>\n      <BookshelfScene />\n    </div>\n  );\n}\n","type":"registry:file","target":"~/snippets/bookshelf.tsx"}],"docs":"## Size\n\nThe component is 100% of its parent's width and height and has no size of its own, so a\nparent with no height renders nothing. A box at a 16 to 9 ratio suits it.\n\n## Props\n\nNo options on this one.\n\n`className` passes through to the root element.\n","author":"mengto","dependencies":["@designcodeio/threeui"]}