Focus
Dieser Inhalt ist noch nicht in deiner Sprache verfügbar.
A consistent focus ring helps with predictable keyboard navigation. Together with --pc-color-focus, these tokens create a uniform focus state for Placer Toolkit components.
| Custom property | Default value |
|---|---|
--pc-focus-ring-width | 0.1875rem (3 px) |
--pc-focus-ring-style | solid |
--pc-focus-ring | var(--pc-focus-ring-width) var(--pc-focus-ring-style) var(--pc-color-focus) |
--pc-focus-ring-offset | 0.0625rem (1 px) |
See the focus ring in action by navigating this form example with your keyboard.