Button Primitive

Encapsulate the expected Button component UX without styles.

This component is for Code only.

Maturity

FYQ2 target

♼ Care

Repository

Open link

Storybook

Open link

Overview

The Call to Action Button and the Action Button‘s visuals convey their usage. They are built on top of ButtonPrimitive, sharing the same underlying functionality and expectation of how a user interacts with a button.

Related content

Components vs. Primitives

Encapsulate the expected functional component UX without styles.

Interaction States

Make the interactive components’ behavior predictable and explicit.

When to use

If a developer needs to create a new localized version of a button that looks different than a CTA Button or Action Button, they can use ButtonPrimitive.

If the new button is very similar to the one of the existing buttons, this should spark a conversation about why that minor tweak is needed or if it should be added to the original button.