Button

Displays a button or a component that looks like a button.

Installation

npx shadcn@latest add https://ui.zbh.uni-hamburg.de/r/button.json

Default

The default button style.

Variants

Different button variants available.

Sizes

Different button sizes including icon-only.

With Icons

Buttons with icons in various positions.

Icon Only

Icon-only buttons with different variants.

States

Different button states including disabled.

Loading state with spinner.

As Child (Links)

Using buttons as links with the asChild prop.

Loading preview...