@unc-dsi/unc-vertical-tabs/README.md

unc-vertical-tabs

# <unc-vertical-tabs>

<unc-vertical-tabs> is a vertical bar with tabs and content area.
When a tab is selected, the content area is automatically updated with the content of the tab.

```html
<unc-vertical-tabs>
    <unc-vertical-tab icon="icons:search" label="Search">
        <h1>Search</h1>
    </unc-vertical-tab>
    <unc-vertical-tab icon="social:person" label="Users">
        <h1>Users</h1>
    </unc-vertical-tab>
</unc-vertical-tabs>
```
![screenshot](https://raw.githubusercontent.com/unc-dsi/unc-web-components/main/packages/unc-vertical-tabs/screenshot.png)

## Dependencies

| Name | NPM | Usage |
|------|-----|-------|
| &lt;iron-icons&gt; | [![npm version](https://badgen.net/npm/v/@polymer/iron-icons/)](https://www.npmjs.com/package/@polymer/iron-icons) | To display icons

## License

Apache License 2.0