Button

Trigger an action. Brand for the one primary action per view, default for everything else.

Zynactra

Zynactra adds variant="brand" and the ripple prop (default true; the theme decides whether it shows) on top of upstream.

Usage

import { Button } from "@zynactra/ui/button"

<Button variant="outline">Button</Button>

One brand button per view. If two actions compete, one of them is default.
link is for inline navigation in text. It never ripples.
destructive is solid red with an icon or a confirm step; never the only signal.
Icons inside buttons are 16px and get data-icon="inline-start" or "inline-end" for tighter padding.

Bubble

The text container of a chat message, in seven variants, with optional reactions.

Button Group

Joins related buttons, inputs and menus into one control with shared borders.