Carregando…

Bar Code Generator

Display

Gerador de código de barras client-side com download em SVG/PNG e cópia do SVG — adaptado de cuicui.day.

Instalação via CLI

$ npx kikitocn add bar-code-generator

Interno:

@/components/ui/cn/input@/hooks/cn/use-copy-to-clipboard@/lib/utilsjsbarcode

Exemplo de uso

Bar Code GeneratorExample.tsx

import { BarCodeGenerator } from "@/components/ui/cn/bar-code-generator/BarCodeGenerator";

export function BarCodeGeneratorExample() {
  return (
    <BarCodeGenerator format="CODE128" />
  );
}

Props

Prop	Tipo	Padrão	Descrição
`defaultValue`	`string`	`'KIKITO-TV'`	Valor inicial codificado (não-controlado)
`format`	`'CODE128' \| 'CODE39' \| 'EAN13' \| 'EAN8' \| 'UPC' \| 'ITF14' \| 'MSI' \| 'pharmacode' \| 'codabar'`	`'CODE128'`	Simbologia usada pra codificar o valor
`lineColor`	`string`	`'var(--ks-text)'`	Cor das barras
`background`	`string`	`'var(--ks-lacquer-deep)'`	Cor de fundo
`width`	`number`	`2`	Largura de cada módulo, em px
`height`	`number`	`100`	Altura das barras, em px
`displayValue`	`boolean`	`true`	Mostra o valor por extenso abaixo das barras
`showInput`	`boolean`	`true`	Mostra o campo de texto pra editar o valor
`showActions`	`boolean`	`true`	Mostra os botões de baixar/copiar
`className`	`string`	—	Classes CSS extras

Voltar para Display

Carregando…