v0.1.0

FilterChip

An active filter shown as label value ×.

import { FilterChip } from "@cynco-labs/ui";

import { FilterChip } from "@cynco-labs/ui";

export default function FilterChipDemo() {
	return (
		<div className="flex flex-wrap items-center gap-2">
			<FilterChip label="Status" value="Overdue" onRemove={() => {}} />
			<FilterChip label="Status" value="Active" onRemove={() => {}} />
		</div>
	);
}

Use

Inside search bars and toolbars to show applied filters.

Props

label, value, onRemove.

Source Demo source Markdown

FilterChip

Example

Use

Props