Button

Triggers an action or event

Usage

The Button component streamlines styling with design tokens and an intuitive API for responsive interfaces.

import { Button } from "@elemnts-ui/react";

<Button>{...content}</Button>

Use the size prop to change the size of the button.

Use the variant prop to change the variant of the button.

Use icons within a button

Use icons within a button

Prop	Type	Default
size	`xs` \| `sm` \| `md` \| `lg` \| `xl`	`md`
variant	`primary` \| `secondary` \| `tertiary` \| `surface` \| `ghost` \| `plain`	`primary`
iconOnly	`boolean`	`false`
fullWidth	`boolean`	`false`
as	`React.ElementType`	`-`
asChild	`boolean`	`-`