Skip to content

Product UI / Components

Button

Commands and links that need a clear, accessible visual affordance.

published shadcn-svelte

Use a Button for a command or a prominent navigation action. Choose the visual variant from the importance of the action, not from decoration.

Usage guidance

Do

  • Use a verb that describes the result of the action.
  • Use a link destination when the action navigates.

Avoid

  • Use a Button to label a static state.
  • Use multiple primary buttons for competing actions.