use-design-system/Button

What problem does it solve?

This Skill provides a standardized and accessible way to implement buttons across your application, ensuring consistent styling and behavior.

Core Features & Use Cases

• Flexible Rendering: Buttons can be rendered as <button> or <a> elements.
• Theming and Sizing: Supports various color schemes (primary, danger, light, dark), variants (fill, weak), and sizes (small, medium, large, xlarge).
• State Management: Handles loading and disabled states for interactive elements.
• Use Case: Create a primary call-to-action button for form submission, a danger button for destructive actions like deletion, or a small, weak button for secondary navigation.

Quick Start

Use the Button component to create a primary, large, filled button with the text 'Submit'.