Ownable Install
Install Tabs from the TailNG registry with the shadcn-like flow. This copies source files into your app so your team can own and evolve the implementation locally.
Install from registry
Run from your Angular workspace root.
pnpm
bash
pnpm dlx tailng add tabsnpx
bash
npx tailng add tabsGenerated files
The command scaffolds local files under src/app/tailng-ui/tabs.
src/app/tailng-ui/tabs/tng-tabs-primitive.tssrc/app/tailng-ui/tabs/tng-tabs.tssrc/app/tailng-ui/tabs/tng-tabs.htmlsrc/app/tailng-ui/tabs/tng-tabs.csssrc/app/tailng-ui/tabs/index.ts
Import in your feature module/component
Imports
ts
import { TngTabs, TngTabsPrimitive } from './tailng-ui/tabs';
Usage
Template usage
html
<tng-tabs ariaLabel="Project sections" defaultValue="overview">
<div tngTabList ariaLabel="Project sections">
<button type="button" tngTab value="overview">Overview</button>
<button type="button" tngTab value="activity">Activity</button>
</div>
<section tngTabPanel value="overview">Overview content</section>
<section tngTabPanel value="activity">Activity content</section>
</tng-tabs>