Table of Contents
A collection of all Fylgja tokens offered for specific design tools or frameworks.
You can add Fylgja Tokens in a variety of ways. However, the two choices are typically through a CDN or with NPM.
For design tools use the CDN link as entry, or download the tokens trough the github repo.
These tokens can be used with any design tool that follows the new design tokens specification.
These tokens are specific for Figma compatibility;
npm install @fylgja/tokens
Afterward, include the tokens into your code using;
const props = require("@fylgja/tokens/tokens"); // cjs
import props from "@fylgja/tokens/tokens"; // mjs
These tokens are specific for Tailwind compatibility:
const props = require("@fylgja/tokens/tailwind"); // cjs
import props from "@fylgja/tokens/tailwind"; // mjs
This depends on your tool of choice.
But each token that is offered by Fylgja can be found here as 1 file.
See the Fylgja Components for all CSS Props (Design Tokens), to see what is includes here.