Backpack

Previews

    • Overview
    • Playground
  • Breadcrumb
    • Overview
    • Playground
    • With Icon
  • Heading
    • Default
    • Lucide
    • Overview
    • Playground
    • Overview
    • Playground
  • Rich Text
  • Skip Links

No matching results.

Pages

  • Getting Started
  • Design tokens

No matching results.

Getting started

Components inherit the full token set automatically—application.css imports every token and utility file. To customise the system:

  1. Edit the token files (they’re plain CSS, no build step required).
  2. Consume variables instead of hard-coding values.
  3. Reuse the utilities (.sr-only, focus styles) to keep accessibility consistent.
Tokens & Utilities