Chip

Chip is a compact element that allows users to enter information, select a choice, filter content, or trigger an action.

Usage

You can import the Chip component from the Design System like so:

import Chip from "@finanzchef24gmbh/design-system/dist/src/Chip";

Example

<Spacings.Inline>
  <Chip>Apple</Chip>
  <Chip>Banana</Chip>
  <Chip>Pineapple</Chip>
</Spacings.Inline>

With additional elements

<Chip>
  <Spacings.Inline alignItems="center">
    <span>Pineapple</span>
    <CloseIcon scale="tiny" />
  </Spacings.Inline>
</Chip>