> ## Documentation Index
> Fetch the complete documentation index at: https://algolia.com/llms.txt
> Use this file to discover all available pages before exploring further.
# Current Filters
> Shows applied refinements and lets users remove them.
{/* vale Algolia.HeadingPronouns = NO */}
## About this widget
Shows the currently active [refinements](/doc/api-reference/widgets/refinement-list/flutter) within a given `FilterState` and lets users remove filters individually.
## Examples
```dart Dart icon=code theme={"system"}
class CurrentFilters extends StatelessWidget {
const CurrentFilters(this.filterState, {super.key});
final FilterState filterState;
@override
Widget build(BuildContext context) {
return StreamBuilder(
stream: filterState.filters,
builder: (context, snapshot) {
if (snapshot.hasData) {
final filters = snapshot.data!;
return Wrap(
spacing: 6.0,
runSpacing: 6.0,
children: [...inputChipsOf(filters)],
);
} else {
return Container();
}
});
}
/// Get [filters] as list of [InputChip]s.
List inputChipsOf(Filters filters) {
final chips = [];
for (var filterGroup in filters.toFilterGroups()) {
for (var filter in filterGroup) {
final chip = InputChip(
label: Text(label(filter)),
onDeleted: () => filterState.remove(filterGroup.groupID, {filter}),
isEnabled: true,
);
chips.add(chip);
}
}
return chips;
}
/// Get [filter] as a label
String label(Filter filter) {
if (filter is FilterFacet) {
return filter.value;
} else if (filter is FilterTag) {
return filter.value;
} else if (filter is FilterNumeric) {
final numericValue = filter.value;
if (numericValue is NumericRange) {
return '${filter.attribute}: ${numericValue.lowerBound}..${numericValue.upperBound}';
} else if (numericValue is NumericComparison) {
return '${filter.attribute} ${numericValue.operator.operator} ${numericValue.number}';
} else {
throw UnsupportedError(numericValue.runtimeType.toString());
}
} else {
throw UnsupportedError(runtimeType.toString());
}
}
}
```