# Borders

Border tokens from the Actian foundations.

import TokenTable from "../../../components/TokenTable.astro";
import PageMetadata from "../../../components/PageMetadata.astro";
import radius from "../../../../vendor/foundations/dist/tokens/borders/radius.json";
import width from "../../../../vendor/foundations/dist/tokens/borders/width.json";
import styleComposite from "../../../../vendor/foundations/dist/tokens/borders/style-composite.json";

<PageMetadata
  slug="foundations.borders"
  source="foundations/dist/tokens/borders/"
  schema={1}
/>

Border tokens for the Actian DS — radius, width, and composite border styles.

## Radius

{(radius.blocks || []).filter((b) => b.type === "table").map((b) => (
  <TokenTable headers={b.headers} rows={b.rows} showSwatch={true} />
))}

## Width

{(width.blocks || []).filter((b) => b.type === "table").map((b) => (
  <TokenTable headers={b.headers} rows={b.rows} showSwatch={true} />
))}

## Border styles

Semantic border tokens combining width + color into named roles for surfaces, fields, and states.

{(styleComposite.blocks || []).filter((b) => b.type === "table").map((b) => (
  <TokenTable headers={b.headers} rows={b.rows} />
))}