Skip to content
Protocore Design Systemv1.6.9

/// Inputs

ActionIcon

Alias of IconButton — a square, icon-only control for toolbar and row actions.

import { ActionIcon } from "@protocore/pds";
View as Markdown

An alias of IconButton

ActionIcon is the Mantine-familiar name for this library's IconButton — the same component under a second name for discoverability. Props are identical (variant, size, loading, asChild, …). See the IconButton page for the full API and accessibility notes.

Basics

Pass a single icon as the child and always supply an aria-label — the control carries no visible text.

Accessibility

  • Identical to IconButton: an `aria-label` is required because there is no visible text label.

Related

  • IconButton — A square, icon-only action control — Button's affordances with a required aria-label.
  • Button — The system action control — mono uppercase label, sharp corners, and a primary fill that inverts on hover.
  • Toolbar — Horizontal group of always-visible controls — ghost buttons, chip-like toggle groups, links and hairline separators with roving-tabindex arrow navigation.