OddApp Design

Chip

@oddapp/ui · Tier 1

Compact removable tag for representing selected values or applied filters. (Aspirational — not yet exported by @oddapp/ui.)

Default

Chip — preview renders in browser when component is exported from @oddapp/ui
import { Chip } from '@oddapp/ui'

<Chip label="React" onRemove={() => {}} />
<Chip label="TypeScript" onRemove={() => {}} />

States

Chip (States) — preview renders in browser when component is exported from @oddapp/ui
import { Chip } from '@oddapp/ui'

<Chip label="Active" />
<Chip label="Disabled" disabled />