A Lit-based web component to display things in dynamic tabs
``bash`
npm i @qomponent/qui-tabs
Import the component in your project:
`javascript`
import '@qomponent/qui-tabs';
Then, use it in your HTML:
`html`
Welcome to Home
User Profile Information
Settings Panel
(required) - A unique identifier for the tab.
- name (required) - The display name of the tab.$3
- tab-selected - Fired when a tab is selected. Event detail includes:
`json
{
"key": "profile"
}
`$3
- selectTab(key) - Programmatically selects a tab by its key.#### Example:
`javascript
document.querySelector('qui-tabs').selectTab('profile');
`Example
To run the example:
`bash
npm install
npm start
``Pull requests are welcome. For major changes, please open an issue first
to discuss what you would like to change.