import {component$, useClientEffect$, useStore, useTask$, $} from '@builder.io/qwik';
import {Tabset, Tab, TabsetCustomEvent} from 'ngx-bootstrap';
export default component$(() => {
const customId = 'customTemplateTabs';
return (
<>
<div>
<Tabset>
<Tab heading="Static" id="tabs-custom-template-1">
Tab 1
</Tab>
<Tab id="tabs-custom-template-2">
<div q:slot={'tabs-custom-template-2'}>
<span className="badge badge-secondary bg-secondary">Heading</span>
</div>
I've got an HTML heading. Pretty cool!
</Tab>
<Tab id="tabs-custom-template-3">
{}
{}
{}
Tab with html tags in heading
</Tab>
</Tabset>
</div>
</>
);
});