Skip to content

App Components

Wallabi comes with a library of ready-made components for building data apps. When you describe what you want, Claude Code assembles these components for you — but it helps to know what’s available so you can ask for the right things.

Grids are the most common starting point for a data app. They display your data in a table format with built-in features:

  • Sorting — click a column header to sort
  • Filtering — narrow down rows by column values
  • Export — download your data as CSV
  • Copy — copy selected rows to your clipboard
  • Column customization — show, hide, and reorder columns

Grids are great for detailed data exploration where users need to scan, search, and drill into records.

Charts help your team spot trends and patterns at a glance. Wallabi supports:

  • Bar charts — compare values across categories
  • Line charts — track changes over time
  • Distribution charts — see how values are spread across a field
  • Custom visualizations — anything you can describe, Wallabi can build

Charts come wrapped in cards with titles, loading indicators, and error handling built in. You can combine multiple charts on a single page for a dashboard-style experience.

Filters let your users narrow down what they’re looking at. They work automatically with grids and charts — when someone changes a filter, everything on the page updates:

  • Filter chips — visual indicators showing which filters are active, with one-click removal
  • Date ranges, dropdowns, search — common filter types are built in
  • Cascading filters — filters can scope what’s available in other filters

The best part: filters are handled by the platform. When you add a filter to your app, Wallabi automatically applies it to your data queries. You don’t need to worry about the plumbing.

The components above are the common building blocks, but they’re a starting point — not a boundary. Data apps are full applications under the hood, so Claude Code can build custom interfaces that go well beyond standard grids and charts. If you need a data entry form, an approval workflow, a comparison tool, or something entirely novel, just describe it. See Data Apps for more on the range of what’s possible.

When working with Claude Code to build an app, here are some useful requests:

  • “Add a data grid showing [table name]”
  • “Add a bar chart showing [metric] by [dimension]”
  • “Add a date range filter”
  • “Add a drill-down — when I click a row in the grid, show the details”
  • “Add CSV export to the table”
  • “Show a distribution chart for [column name]”

Claude Code knows the full component library and will pick the right building blocks for what you’re describing.