Chip

Presents small, interactive elements to display information, selections, or actions in a compact form.

@arctic-kit/snow

View source code

View storybook

Usage

Children

Color

Size

Disabled

Read Only

Selected

Interactive

import { Chip } from '@arctic-kit/snow';

function Demo() {
  return (
    <Chip color="primary" size="medium">
      Arctic Design
    </Chip>
  );
}

API Reference

Props	Type	Default
`color`	`SnowColor`	`"primary"`
`disabled`	`boolean \| undefined`	`false`
`interactive`	`boolean \| undefined`	`false`
`loading`	`boolean \| undefined`	---
`onClick`	`(() => void) \| undefined`	---
`readOnly`	`boolean \| undefined`	`false`
`selected`	`boolean \| undefined`	`false`
`size`	`"small" \| "medium" \| "large"`	`medium`

Checkbox Combobox