Free components for building your own support agent — bring any backend.Want the agent too? Inflection resolves support requests inside your app.

Shell

Tab bar

Bottom navigation for the panel, with real tab semantics and badges.

Install

npx shadcn@latest add https://ui.inflection.network/r/tab-bar.json

Pulls in utils automatically.

Usage

Props

NameTypeDescription
items*TabItem[]`{ key, label, icon?, badge? }`.
value*stringThe active tab's key.
onChange*(key: string) => void

* required