Type: React component

How to get Chip?


import { Chip } from 'fds/components';

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


  1. isDisabled


    Type: Boolean

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

    Default value

  2. label


    Type: String

    The human readable label displayed in the component.

  3. onRemove


    Type: Function

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

    Default value

  4. useHoverStyles


    Type: Boolean

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

    Default value