Components

Button

Trigger an action or navigation. Three variants, three sizes, polymorphic via `asChild`.

Sizes

Disabled

asChild lets the Button render any element while keeping its visual treatment — useful for routing.

Usage

import { Button } from '@onersoft/design-system'

<Button onClick={save}>Save changes</Button>
<Button variant="ghost" asChild><a href="/help">Help</a></Button>

Props

PropTypeDefault
variant'primary' | 'secondary' | 'ghost''primary'
size'sm' | 'md' | 'lg''md'
asChildbooleanfalse

On this page