Button

The canonical action control — native <button>, token-driven via --pl-c-button-* aliases. Variants set the fill; hover derives a theme-aware shade via color-mix(); active gives a tactile dip. All sizing comes from --pl-control-*, so density just works.

Variants

With an icon

States

Density

Sizing is driven by --pl-control-block-size on an ancestor's [data-pl-density].

As a link

Use <a class="pl-c-button"> only when it is genuinely navigation.