{"$schema":"https://ui.shadcn.com/schema/registry-item.json","name":"liquid-metal-button-play-circle","type":"registry:item","title":"Play Circle","description":"A compact icon-only play control with configurable finish, diameter, outline, and accessible label.","files":[{"path":"snippets/liquid-metal-button-play-circle.tsx","content":"import { LiquidMetalButton } 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 LiquidMetalButtonExample() {\n  return (\n    <div style={{ width: \"100%\", aspectRatio: \"16 / 9\" }}>\n      <LiquidMetalButton variant=\"play\" />\n    </div>\n  );\n}\n","type":"registry:file","target":"~/snippets/liquid-metal-button-play-circle.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\nThis item is `LiquidMetalButton` with `variant=\"play\"`. The other settings are separate\nitems in this collection, and the snippet sets this one for you.\n\nAll optional. The defaults below are what the snippet renders.\n\n| Prop          | Values                    | Default   |\n| ------------- | ------------------------- | --------- |\n| `rendering`   | `colored`, `monotone`     | `colored` |\n| `diameter`    | 72 to 160                 | `88`      |\n| `strokeWidth` | 1 to 8                    | `3`       |\n| `text`        | text, up to 24 characters | `Play`    |\n\n`className` passes through to the root element.\n","author":"mengto","dependencies":["@designcodeio/threeui"]}