import { DaffTabComponent } from '@daffodil/design/tabs'
DaffTabComponet is an element in the tab list that is used as a content container to group the label of a tab panel and the tab panel together.
A <daff-tab> should include the DaffTabLabelComponent and DaffTabPanelComponent components in order to properly structure the UI.
@Component()
class DaffTabComponent {
@Input() disabled: boolean = false
@Input() id: string = 'daff-tab-' + tabId
}
boolean| Default | false |
|---|---|
| Description | Whether the tab is disabled. |
string| Default | 'daff-tab-' + tabId |
|---|---|
| Description | A unique id for the tab component. The |
<daff-tab>
<daff-tab-label>
<fa-icon [icon]="faInfoCircle" daffPrefix></fa-icon>
Tab 1
</daff-tab-label>
<daff-tab-panel>
Tab 1 Panel
</daff-tab-panel>
</daff-tab>