Chip

Chip is part of the Atoms set, imported from @jcsoftdev/ui/atoms.

Import

import { Chip } from "@jcsoftdev/ui/atoms";

Single-component entry points tree-shake to just this component: @jcsoftdev/ui/atoms/chip.

Usage

<Chip tone="neutral">
  Corte clásico
</Chip>

Props

Prop	Type	Default	Description
tone	"danger" | "neutral" | "warning" | "success" | "accent" | "solid" | "outline"	"neutral"
square	boolean		Use the smaller chip radius instead of a full pill.

* marks a required prop.

It also accepts the native props of the element or primitive it renders (for example className, id, aria-* and event handlers).

Storybook stories

• Default
• Square
• With Icon
• All Tones
• All Tones Square

Source

packages/ui/src/atoms/chip/chip.tsx