Chip

How to get Chip

import { Chip } from 'fds/components';

Type: Component

A textual summarisation of a larger entity, generally used to represent the state of form-like components. Optionally shows a remove icon button, allowing you to implement behavior for clearing the entity.

This component is generally used inside a ChipGroup

Props

# Name Type Description
1. [isDisabled] Boolean

Whether or not the component should be rendered in a disabled state.

  Default value
false
2. label String

The human readable label displayed in the component.

3. [onRemove] Function

When set, renders a remove icon button which calls this function when clicking it.


  Default value
null
4. [useHoverStyles] Boolean

Whether or not the background color should change when hovering this component.


  Default value
true

Related links

Was this page helpful?