- 2.1: packs/ -> archive/packs/ - 2.2: site/ -> archive/site/ - 2.3: src/lab/ -> archive/lab/ - 2.4: examples/ -> archive/examples-legacy/ (SSI-based)
22 lines
611 B
Markdown
22 lines
611 B
Markdown
---
|
|
title: "Buttons"
|
|
description: "Button styles in ASW — primary, secondary, and danger variants."
|
|
type: docs
|
|
weight: 33
|
|
date: 2026-04-11
|
|
tags: ["components", "buttons", "forms"]
|
|
ai-disclosure: "generated"
|
|
ai-model: "claude-sonnet-4-6"
|
|
ai-provider: "Anthropic"
|
|
---
|
|
|
|
`<button>` elements are styled by default. Use `data-variant` to select secondary or danger appearances without adding utility classes.
|
|
|
|
## Inline Demo
|
|
|
|
<div data-demo>
|
|
<button>Primary</button>
|
|
<button data-variant="secondary">Secondary</button>
|
|
<button data-variant="danger">Danger</button>
|
|
<button disabled>Disabled</button>
|
|
</div>
|