ui/docs/components/button.md

Button

Import

import { Button } from "@tria/ui";

Variants

Рекомендуемая модель:

• data-variant="primary" | "outline" | "ghost" | "danger"
• data-size="sm" | "md" | "lg"

Example

<Button data-variant="primary" data-size="md">Continue</Button>
<Button data-variant="outline" data-size="md">Cancel</Button>

Design tokens

• --btn-h-sm/md/lg
• --btn-px-sm/md/lg
• --btn-radius
• --btn-gap