The library is still in early development. Breaking changes and bugs may occur without prior notice. Thanks for your interest in using the library!
v0.2.47Beta

Search

IconButton

Source

A square button for icon-only actions, supporting all color and size variants.

Usage

Import the IconButton component from @bun-ui/react and use it in your project:

import { IconButton } from "@bun-ui/react"
<IconButton>
  <StarIcon />
</IconButton>

Examples

Color

The IconButton supports all the same color variants as Button:

Sizes

The IconButton supports three square sizes: sm, md, and lg:

As Child

You can use the asChild prop to render the IconButton as a different element: