Buttons

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

Overview

A button is an interactive element that users click to perform an action.
https://www.figma.com/embed?embed_host=share&url=https%3A%2F%2Fwww.figma.com%2Fdesign%2F8atCSov6KVkMchm0ZT8zeZ%2FShipfaster-UI---v2.7-(LIVE)%3Fnode-id%3D6-20%26t%3DIsUbgF59vjRUP8zU-1

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.
Previous

No previous post
Up next

No next post