# Breakpoints

Responsive breakpoint tokens from the Actian foundations.

import TokenTable from "../../../components/TokenTable.astro";
import PageMetadata from "../../../components/PageMetadata.astro";
import source from "../../../../vendor/foundations/dist/tokens/breakpoints.json";

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

Responsive breakpoint tokens for the Actian DS.

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

## Resources

- [Open in Figma](https://www.figma.com/design/l8biHxfarNi1I2RMvVxVOK/Actian-Design-System-v2.0.0?node-id=12217-457)