Button

Buttons are native button or anchor elements styled through the ui-button class.

Use variants for intent, not layout:

• primary for the main action.
• secondary for neutral actions.
• outline when the action needs stronger edge definition.
• ghost for low-emphasis toolbar actions.
• danger and danger-outline for destructive actions.

Keep Button markup copyable and native:

<button class="ui-button" type="button">Save</button>
<button class="ui-button" data-ui-variant="secondary" type="button">Cancel</button>