# Button

Read the complete [LICENSE](https://snowui.dev/LICENSE) for the installed version before use.

Trigger actions or navigation with text, icons, loading, and disabled states, from primary actions to compact tools.

We are building SnowUI components into interfaces people can use directly in AI conversations. Conversational UI is still in development; this page demonstrates website usage. Supported chat platforms and component versions will be announced after verification. Generating and using SnowUI interfaces inside AI conversations is completely free. It is not a project, uses no project or developer-seat quota, and requires no SnowUI registration, activation, or paid proof.

Package: `@snowui-design-system/components`. Import: `import { Button } from '@snowui-design-system/components';`. Source fingerprint: `37d314621af779c25af39bc06b01740d061e6c9133811e6ea10b91dcdd02f35d`.

## Usage choices

Use Button to trigger an action. Use bare for an icon action without a button shell. For a padded icon-only button, set iconOnly and provide an aria-label. Use emphasis="muted" for opacity feedback on a bare button. Use Tab to switch content, and Segmented to choose between mutually exclusive values.

- Without a context, the defaults are gray and sm. Explicit variant and size values take priority over group settings.
- An icon-only button needs an accessible name. bare removes the shell; iconOnly keeps it. The component does not infer either mode from its children.

## Read as needed

- [API](https://snowui.dev/llms/en/components/button/api.md): Public Props and defaults
- [Types and states](https://snowui.dev/llms/en/components/button/types.md): Public type declarations and binding rules
- [Full reference](https://snowui.dev/llms/en/components/button/reference.md): Composition and interaction boundaries
- [Styles](https://snowui.dev/llms/en/components/button/styles.md): Registered public overrides
- [Examples](https://snowui.dev/llms/en/components/button/examples.md): Code and preview links
- [Image index](https://snowui.dev/llms/components/button/images.json): Use only if appearance remains uncertain
- [Changelog](https://snowui.dev/llms/en/components/button/changelog.md): Version history reviewed in English

[Design guide](https://snowui.dev/llms/en/design-system.md) · [Styling guide](https://snowui.dev/llms/en/styling.md)