{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "p-input-group-19",
  "description": "Mini editor built with input group and toggle",
  "dependencies": [
    "lucide-react"
  ],
  "registryDependencies": [
    "@coss/button",
    "@coss/input-group",
    "@coss/toggle"
  ],
  "files": [
    {
      "path": "registry/default/particles/p-input-group-19.tsx",
      "content": "\"use client\";\n\nimport { BoldIcon, ItalicIcon, LinkIcon } from \"lucide-react\";\nimport { Button } from \"@/registry/default/ui/button\";\nimport {\n  InputGroup,\n  InputGroupAddon,\n  InputGroupTextarea,\n} from \"@/registry/default/ui/input-group\";\nimport { Toggle } from \"@/registry/default/ui/toggle\";\n\nexport default function Particle() {\n  return (\n    <InputGroup>\n      <InputGroupTextarea placeholder=\"Tell us about yourself…\" />\n      <InputGroupAddon\n        align=\"block-start\"\n        className=\"gap-1 rounded-t-lg border-b bg-muted/72 p-2!\"\n      >\n        <Toggle aria-label=\"Toggle bold\" size=\"sm\">\n          <BoldIcon aria-hidden=\"true\" />\n        </Toggle>\n        <Toggle aria-label=\"Toggle italic\" size=\"sm\">\n          <ItalicIcon aria-hidden=\"true\" />\n        </Toggle>\n        <Button aria-label=\"Link\" size=\"icon-sm\" variant=\"ghost\">\n          <LinkIcon aria-hidden=\"true\" />\n        </Button>\n      </InputGroupAddon>\n    </InputGroup>\n  );\n}\n",
      "type": "registry:block"
    }
  ],
  "meta": {
    "className": "**:data-[slot=preview]:w-full **:data-[slot=preview]:max-w-80"
  },
  "categories": [
    "button",
    "input group",
    "textarea",
    "toggle"
  ],
  "type": "registry:block"
}