> ## Documentation Index
> Fetch the complete documentation index at: https://anvil.servicetitan.com/llms.txt
> Use this file to discover all available pages before exploring further.

# Tokens

> Token reference for the Link component.

Link tokens control the appearance of the Link component in its primary, secondary, and focus-ring variants.

## Tokens

## How to override

Use `ThemeProvider` to override component tokens for a subtree:

```tsx theme={null}
import { ThemeProvider } from "@servicetitan/anvil2";

<ThemeProvider
  theme={{
    component: {
      LinkPrimaryForegroundColor: {
        value: "#ff0055",
        extensions: { appearance: { dark: { value: "#ff6688" } } },
      },
    },
  }}
>
  {/* children */}
</ThemeProvider>;
```

Where a token has `-hover`, `-active`, or `-disabled` variants, they can be overridden the same way. To theme every component at once, override tier-2 semantic tokens instead — see [Design Tokens](https://anvil.servicetitan.com/docs/design-tokens.md).

## Interactive states

Interactive state tokens follow a `-hover` / `-active` / `-disabled` suffix on the base token name. For example, `link.primary.foreground.color` has a sibling `link.primary.foreground.color-hover`. The table above surfaces these via the **State** column.


This documentation is built and hosted on [Mintlify](https://mintlify.com), a developer documentation platform.