buttery-components-logo
buttery.tools

Creating multiple token sets

  • Add the tokens as an array
export type ButteryConfig = {
  commands?: ButteryConfigCommands;
  tokens?: ButteryConfigTokens | ButteryConfigTokens[];
  docs?: ButteryConfigDocs;
};
  • Break it up in the config
.buttery/
  |-- config.ts
  |-- config.tokens.docs.ts
  |-- config.tokens.playground.ts
// ./buttery/config.tokens.docs.ts
export const ConfigTokensDocs: ButteryConfigTokens = {
  importName: "docs",
  // ...restConfig,
};
// ./buttery/config.tokens.playground.ts
export const ConfigTokensDocs: ButteryConfigTokens = {
  importName: "playground",
  // ...restConfig,
};
// ./buttery/config.ts
import type { ButteryConfig } from "@buttery/core";
import { ConfigTokensDocs } from "./config.tokens.docs";
import { ConfigTokensPlayground } from "./config.tokens.playground";

const config: ButteryConfig = {
  //   ...restConfig,
  tokens: [ConfigTokensDocs, ConfigTokensPlayground],
};
export default config;
on this page