Close Button

Icon-only close action for dismissible components such as alerts, popovers, dialogs, drawers, and tabs.

Preview

Code

Inspect

disabled

aria-label

Prop	Type	Description
`size`	`"large" \| "medium" \| "small" \| "extraSmall"`	Close-control geometry: 24 / 18 / 18 / 13px.
`color`	`"primary" \| "secondary" \| "brand" \| "pink" \| "orange" \| "success" \| "error" \| "warning" \| "info"`	Icon color matching the host surface sentiment.
`disabled`	`boolean`	Disables interaction.
`onClick`	`(event) => void`	Dismiss or close action handler.
`aria-label`	`string`	Accessible name for the icon-only action.