OudsFilterChip class

A filter chip is a compact UI element used in a design system to represent a filter option that can be selected or deselected by the user. Filter chips allow users to refine content or data by applying one or more filters in a visually accessible and interactive way. Purpose: Allows users to filter content by selecting or deselecting specific categories or attributes. Behavior: Can be toggled on/off to refine displayed results. Selected chips remain visually distinct to indicate active filters.

This version of the filter chip uses the text only layout which is the most used layout. Other layouts are available for this component: text + icon and icon only.

Parameters:

• label: Label displayed in the suggestion chip which describes the chip option.
• avatar: Icon displayed in the suggestion chip. Works well with universally recognized symbols, such as a heart for favorites or a checkmark for selection.

You can use OudsFilterChip like this :

Text only chip :

This is the default layout of the component.

OudsFilterChip(
      label: 'Label',
      selected: true,
      onSelected: () {},
    );