{"$schema":"https://ui.shadcn.com/schema/registry-item.json","name":"toggle-button-web","type":"registry:item","title":"Toggle Button","description":"A pressable button that retains an on or off state for switching a single option.","files":[{"path":"snippets/web/toggle-button.tsx","content":"import { ToggleButton } from \"@heroui/react\";\nimport { Icon } from \"@iconify/react\";\n\nexport function ToggleButtonExample({ isDisabled, size, variant }: ToggleButton[\"RootProps\"]) {\n  return (\n    <div className=\"flex gap-3\">\n      <ToggleButton isDisabled={isDisabled} size={size} variant={variant}>\n        <Icon icon=\"gravity-ui:heart\" />\n        Like\n      </ToggleButton>\n      <ToggleButton isDisabled={isDisabled} size={size} variant={variant ?? \"ghost\"}>\n        <Icon icon=\"gravity-ui:heart\" />\n        Like\n      </ToggleButton>\n    </div>\n  );\n}\n","type":"registry:file","target":"~/snippets/web/toggle-button.tsx"}],"author":"heroui","dependencies":["@heroui/react","@iconify/react"]}