Icon Button

3 variants

Square button sized for a single icon. Requires an aria-label.

Component 2 of 2

Install

Add this component to your project with the shadcn CLI. Pick the mode that matches how you installed the registry.

bash

npx shadcn@latest add deessejs/ui/icon-button

Other install modes

URL mode — works against the deployed showcase site:

bash

npx shadcn@latest add https://ui.deessejs.com/r/icon-button.json

Namespace mode — register once, then any item by short name:

bash

npx shadcn@latest registry add @deessejs=https://ui.deessejs.com/r/{name}.json

bash

npx shadcn@latest add @deessejs/icon-button

Previewdefault