A button is an interactive element that users can click to perform an action, such as submitting a form, navigating to another page, or triggering an event.

Base Components


A button is an interactive element that users click to perform an action.

When should you use them?

Use buttons for primary actions that require user interaction, such as forms, modals, and dialogs.

How should you use them?

  • Use clear and concise labels that indicate the action.
  • Make buttons visually distinct, with adequate size and padding.
  • Provide feedback on interaction, such as hover and active states.
  • Ensure buttons are accessible, with proper ARIA labels and keyboard focus.
  • Use different styles for primary, secondary, and tertiary actions.

No previous post
Up next

No next post