Ludo
502b2e8266
Navigation: Docs, Layouts, Lab (simplified from 6 items) Layouts gallery: card grid showing all available page layouts with live links to demo pages. Docs restructure: 8 auto-generated sidebar sections (Getting Started, Typography, Core, Content, Components, Reference, Vault, Packs) with 20 new stub pages. Each stub has inline HTML demos that ASW styles directly. New Hugo layout template for layouts/ section. Decap CMS nav updated. Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
22 lines
737 B
Markdown
22 lines
737 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 style="border:1px solid var(--border,#ccc);padding:1.5rem;border-radius:4px;display:flex;gap:0.75rem;flex-wrap:wrap;align-items:center">
|
|
<button>Primary</button>
|
|
<button data-variant="secondary">Secondary</button>
|
|
<button data-variant="danger">Danger</button>
|
|
<button disabled>Disabled</button>
|
|
</div>
|