pantoken / design/swatches/src / toSvg

Függvény: toSvg()

toSvg(swatches, options?): string

Kísérleti

Renderje a mintákat egy csoportosított SVG minta lapként.

Paraméterek

swatches

csak olvasható Swatch[]

A paletta (pl. toSwatches-ból).

options?

ToSvgOptions = {}

ToSvgOptions.

Visszatérés

string

Az SVG dokumentum karakterláncként.

Példák

Renderje a minta lapot az OLVASS EL-hez

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

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

Csak az alapvető palettát mintázza, címmel és szélesebb ráccsal

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 });