Prerequisites
Proposal
Sample Implementation
Code implementation
src/components/Tab/tab-group.css
:host([fullWidth][orientation="horizontal"]) slot[name="nav"]::slotted(sgds-tab) {
width: 100%;
}
src/components/Tab/tab.css
:host([fullWidth][orientation="horizontal"]) .tab {
justify-content: center;
}
Motivation and context
We have some use cases in Product Portal for a full width tab so I thought it would be more efficient to implement this at the SGDS level rather than the product level
Prerequisites
Proposal
Sample Implementation
Code implementation
src/components/Tab/tab-group.csssrc/components/Tab/tab.cssMotivation and context
We have some use cases in Product Portal for a full width tab so I thought it would be more efficient to implement this at the SGDS level rather than the product level