ButtonPrimitive

A basic button that lets you customize.

GuidelinesReact

When to use

  • To add a button with custom styling.

When not to use

  • To offer static information in a component with custom styling—use a badge primitive.

Component status

Figma

React

iOS

Android

N/A
Released
N/A
Released

Behavior

Use freedom wisely

With great freedom comes great responsibility. Primitive components offer many more options for styling. Use these options wisely and make sure your buttons are still accessible to everyone.

Follow button guidelines

Button primitives are still buttons. So make sure to follow all the guidelines for button components.