Agriculture Design System
Beta
Design System for the Export Service

Filter sidebar

Filter sidebar is used for displaying filtering options in a search result or catalogue page.

View in StorybookView in Github
import { ... } from '@ag.ds-next/react/filter-sidebar';

Usage

Filter sidebar components can be imported via the filter-sidebar entrypoint in the @ag.ds-next/react package.

For example:

import { ... } from '@ag.ds-next/react/filter-sidebar';

Props

FilterSidebar Props
PropTypeDescription
activeFiltersCount?number
The number of active filters. Rendered after the title when > 0.
aria-label?string
@deprecated : Unused.
children?ReactNode
onClearFilters?(() => void)
Called when the user clicks the "Clear filters" button.
title?string
@deprecated Unused. Title is now hardcoded to Filters.

Source

You can view the full source code for this package on Github.