button

Native button with variant/size hooks and reactive press state.

A headless button with unified press behavior and styling hooks.

import { Button } from '@fluixi/button';

<Button variant="solid" size="md" onClick={onClick}>Save</Button>
<Button disabled>Disabled</Button>

variant — solid | soft | outline | ghost (exposed as data-variant).
size — sm | md | lg (exposed as data-size).
Reflects data-disabled and a reactive data-pressed (via @fluixi/primitives press) for styling.
Forwards ref, type (defaults to button), event handlers and all other props.

Visual styling is supplied by the design tokens / styling layer; the component itself is headless.

Part of the Fluixi UI component library. Made with ☕ by the Fluixi team.

Examples