OptionalactiveStaticstylesInvoked on each update to perform rendering tasks. This method may return
any value renderable by lit-html's ChildPart - typically a
TemplateResult. Setting properties inside this method will not trigger
the element to update.
ProtectedfirstInvoked when the element is first updated. Implement to perform one time work on the element after update.
firstUpdated() {
this.renderRoot.getElementById('my-text-area').focus();
}
Setting properties inside this method will trigger the element to update again after this update cycle completes.
Map of changed properties with old values
A segmented control is a linear set of two or more segments, each of which functions as a mutually exclusive button. Like buttons, segments can contain text or images. Segmented controls are often used to display different views.
To listen for changes, add a
clickevent listener to thezeta-segmented-controlelement.To set the active segment, set the
activeproperty on thezeta-segmented-itemelement.Slot
zeta-segmented-itemelements.Figma
https://www.figma.com/design/JesXQFLaPJLc1BdBM4sisI/🦓-ZDS---Components?node-id=1046-20148&node-type=canvas&m=dev
Storybook
https://zeta-ds.web.app/web/storybook/index.html?path=/docs/segmented-control--docs