Inputs

Button

A versatile button component with multiple variants and sizes. Supports loading and disabled states.

LlmButton

Demo

<LlmButton variant="primary">Primary</LlmButton>
<LlmButton variant="secondary">Secondary</LlmButton>
<LlmButton variant="outline">Outline</LlmButton>
<LlmButton loading={true}>Loading</LlmButton>
<LlmButton disabled={true}>Disabled</LlmButton>

API

Prop	Type	Default	Description
`variant`	`'primary' \| 'secondary' \| 'outline'`	`'primary'`	Visual style variant
`size`	`'sm' \| 'md' \| 'lg'`	`'md'`	Size of the button
`disabled`	`boolean`	`false`	Disables the button
`loading`	`boolean`	`false`	Shows a loading spinner, disables interaction

Import

import { LlmButton } from '@atelier-ui/react';