---
{
  title: 'Progressive Filter Chip',
  layout: 'docs.11ty.js',
  tag: 'nve-progressive-filter-chip'
}
---

## Installation

{% install 'nve-progressive-filter-chip' %}

## Text Input

{% example '@nvidia-elements/core/progressive-filter-chip/progressive-filter-chip.examples.json' 'TextInput' %}

## Many

{% example '@nvidia-elements/core/progressive-filter-chip/progressive-filter-chip.examples.json' 'Multiple' %}

## Date Range

{% example '@nvidia-elements/core/progressive-filter-chip/progressive-filter-chip.examples.json' 'DateRange' %}

## Layer

{% example '@nvidia-elements/core/progressive-filter-chip/progressive-filter-chip.examples.json' 'Layer' %}

## Custom

Create custom filter chips by using the `slot` attribute. A `nve-button` works as a trigger for custom UI.

{% example '@nvidia-elements/core/progressive-filter-chip/progressive-filter-chip.examples.json' 'Custom' '{ "inline": false, "height": "400px" }' %}

## Validation

{% example '@nvidia-elements/core/progressive-filter-chip/progressive-filter-chip.examples.json' 'Validation' %}
