Button
Primary interactive element with depth-based variants following outside-in depth principle
Presets
Props
Override inherited context (leave empty to inherit from parent)
Depth intensity (prominent → primary → secondary → ghost)
Size preset
Disables the button
Override shadow/depth (from lab-surfaces)
Apply surface texture (5 core lab materials)
Corner treatment override
Semantic color override
Slots
Usage
<Button variant="prominent" size="large">Get Started</Button>Event Log
Interact with the component to see events
Accessibility
Supports keyboard navigation, focus states, and proper ARIA attributes for disabled state.