Files
Claude-Code-Workflow/docs/components/ui/button.md
catlog22 f389e3e6dd feat: add dynamic pipeline detection for team sessions v5 architecture
Backend:
- Fix readLegacyFiles to handle { name, prefix }[] role format
- Add roles backfill in getEffectiveTeamMeta when meta.json exists
- Ensure pipeline_stages and roles flow correctly to API response

Team Skills:
- Add pipeline metadata initialization to all 16 team skill coordinator roles
- Each skill now reports pipeline_stages and roles to meta.json at session init

Documentation:
- Update command references and component documentation
- Add numerical-analysis-workflow skill spec
- Sync zh/en translations for commands and components
2026-03-04 14:52:07 +08:00

2.5 KiB

title, description, sidebar
title description sidebar
Button Button component for triggering actions or submitting forms auto

Button

Overview

The Button component is one of the most commonly used interactive elements, used to trigger actions, submit forms, or navigate to other pages.

Live Demo

:::demo button-variants Shows all visual variants of the button component :::

Props

Variants

Default

Default buttons are used for primary actions.

Destructive

Destructive buttons are used for irreversible actions like delete or remove.

Outline

Outline buttons are used for secondary actions with a lighter visual weight.

Secondary

Secondary buttons are used for auxiliary actions.

Ghost

Ghost buttons have no border and the lightest visual weight.

Link buttons look like links but have button interaction behavior.

Gradient

Gradient buttons use the brand gradient with a glow effect on hover.

Gradient Primary

Gradient Primary buttons use the primary theme gradient with an enhanced glow effect on hover.

Usage Scenarios

Scenario Recommended Variant
Primary actions (submit, save) default, gradientPrimary
Dangerous actions (delete, remove) destructive
Secondary actions outline, secondary
Cancel actions ghost, outline
Navigation links link
Promotional/Featured CTAs gradient