# Core/Anchor - Design

## Usage

Anchors are used to navigate users to a different section within the current page.

## Properties

### Label

Labels should be concise and descriptive, m Use title case (e.g., "Dashboard", "Settings"). Labels should ideally be
less than 12 characters, with a maximum of 32 characters.atching the destination heading.

## Best Practices

Do:

* Do match the label to the section heading the anchor points to.
* Do use the active state for the current page in a navigation region.
* Do use the disabled state when navigation is temporarily unavailable.

Don't:

* Don't mark more than one anchor as active in the same navigation context.
* Don't hide anchors instead of disabling them when a destination exists but is unavailable.
* Don't use confuse Anchor with Tab.

## Accessibility

### Keyboard interaction

| Key     | Function                                                              |
| ------- | --------------------------------------------------------------------- |
| `Tab`   | Moves focus to the anchor when navigating through focusable elements. |
| `Enter` | Activates the anchor when focused.                                    |

### ARIA attributes

* `aria-current="page"`: Applied when the anchor is active, indicating the current page in navigation.