Theme

Button Variant Rename

Banner Description Prop

Getting started

Breaking changes

Style utilities

DescriptionList

OptionCardGroup

SegmentedControl

FormattedDateTime

FormattedRelativeTime

KeyboardShortcut

StatusIndicator

ConfirmationModal

Ember Floating UI

Ember prop spreading

tooltip-custom-interactive

no-banned-imports

enforce-pluma-elements

no-deprecated-apis

no-deprecated-icons

no-raw-pluma-classnames

no-raw-pluma-css-variables

require-form-control-label

prefer-managed-modals

PopoverPrimitive

Componentsv2.189.1

Iconsv1.19.0

MCPv0.8.62

Tokensv0.34.3

Button

Buttons are interactive elements that allow the user to perform an action on the page or serve as a prominent hyperlink.

Structure

The button component is built with the native HTML <button> tag. When used as a link, its tag becomes <a>.

Using HTML elements under the hood ensures that Button maintains its inherent interactivity and accessible roles for assistive technology.

ARIA

table
Element	Attribute	Description
Disabled button	`aria-disabled`	Set to `true` when the button is disabled. The button uses `aria-disabled` rather than the native `disabled` attribute, so it stays focusable and is still announced by screen readers (as disabled) while blocking interaction.

Keyboard

table
Key	Function
`Enter`/`Space`	Simulates a click and activates the button.
`Tab`	Moves focus to the next focusable element.
`Shift`+`Tab`	Moves focus to the previous focusable element.

On this page