pantoken-root / design/swatches/src / toSvg

Función: toSvg() ​

toSvg(swatches, options?): string

Experimental

Generar muestras como una hoja de especímenes SVG agrupada.

Parámetros ​

swatches ​

solo lectura Swatch[]

La paleta (p. ej., de toSwatches).

options? ​

ToSvgOptions = {}

ToSvgOptions.

Devuelve ​

string

El documento SVG como una cadena.

Ejemplos ​

Generar una hoja de especímenes para un README

ts
import { writeFileSync } from "node:fs";
import { swatches, toSvg } from "@pantoken/swatches";

writeFileSync("palette.svg", toSvg(swatches));

Mostrar únicamente la paleta principal, con un título y una cuadrícula más amplia

ts
import { swatches, toSvg } from "@pantoken/swatches";

const core = swatches.filter((s) => !s.name.startsWith("primitive-"));
const svg = toSvg(core, { title: "Instructure core colors", columns: 8 });