Angular Tabs, Pills & Accordion Component | ng-hub-ui-panels
Angular content-panels component that renders as tabs, pills or an accordion, with routing, reactive forms, keyboard navigation and CSS variables.
Interactive playground
Configure every input and watch the component update live. The generated template stays in sync as you tweak.
A content-panels container. Switch the type between tabs, pills and accordion, then stack them vertically, justify the headers or allow multiple panels open at once.
The first enabled panel is activated automatically.
Switch panels with a click or the arrow keys.
Each panel projects its own content.
Generated template