# Shadcn Inline Builder

> Nested groups inline, walked back out

- Type: example, free and open source (MIT)
- Component: [Filters](https://reui.io/components/filters.md)
- Page: https://reui.io/components/filters/c-filters-11
- Docs (Base UI): https://reui.io/docs/components/base/filters.md
- Docs (Radix UI): https://reui.io/docs/components/radix/filters.md
- MCP: `get_example("c-filters-11")`
- Registry item: https://reui.io/r/styles/base-nova/c-filters-11.json
- Uses: Avatar, Button, Card, Filters

## Best for

Fields mapped to storage columns such as story_points, with a button that loads a group nested two deep and a live rule count

## Agent notes

- `describeNode` quotes values without escaping and is display text only; never send its output to a database as SQL
- Give each leaf a `column` for its storage name; `collectColumns` maps it by dotted path and falls back to the path when a leaf has none

## When not to use

- A builder tucked behind a trigger above a table that it narrows: use [Popover Builder](https://reui.io/components/filters/c-filters-10.md) (`get_example("c-filters-10")`)

## Install

```bash
npx shadcn@latest add @reui/c-filters-11
```

## About Shadcn Filters

### When to use

- Toolbars of removable filter chips over a table or list, one field, condition and value per chip
- Nested AND and OR condition builders, hung off a trigger over a report or laid out inline
- Attribute catalogs too large or deep to list at once, and option lists paged from a server

### When not to use

- A finished record table with its chip bar, paging and row actions already built: use the [Filtering blocks](https://reui.io/blocks/data-grid/filtering.md)
- Storefront product facets with price sliders, color swatches and department pills: use the [Filter Sidebar blocks](https://reui.io/blocks/ecommerce/filter-sidebar.md)
- One day or span of days picked on its own, with no attribute or condition: use [Date Selector](https://reui.io/components/date-selector.md) (`get_component("date-selector")`)

### Agent notes

- `renderValue`, `icon` and a component `editor` count toward the schema index by presence only, so swapping one alone keeps serving the old one
- A rule reaches `onQueryChange` unfinished: an empty `operator`, or a `value` still undefined or empty where its `arity` is not none; skip it when compiling
- Negate swaps to an operator's `inverse` where one exists and otherwise sets `negated`, as on `starts_with`, so a compiler must read `negated`

Every ReUI item has a twin like this one; the index is https://reui.io/llms.txt. Agents with the ReUI MCP (https://reui.io/docs/mcp) get the same guidance from the getters named above.