Choice Chip

Compact selectable chips for filters.

Installation

Add this item from the registry, or import it from the package after installing Default File UI.

Registry path

itsvigneshv/default-file-ui/choice-chip

Package import

import { ChoiceChip } from "@default-file/ui/components/df-choice-chip"

Default

Selectable chips for compact filters.

Properties

Compact selectable chip for filters and quick choices.

ChoiceChip

PropTypeDefaultNotes
selectedbooleanSelected (pressed) appearance.
disabledbooleanNon-interactive chip.
childrenReactNodeChip label.
classNamestringAdditional styles.
…button attributesButtonHTMLAttributesNative button props (onClick, type, aria-*, etc.).