Class ZetaButtonGroup

Button groups are used to group related buttons together. They can be used to create a toolbar or a set of related actions.

Takes in Zeta Button Group Items as children and groups them by applying styling to them.

Does not render any other types of children.

Slot

Children must be of type zeta-group-button otherwise they will not be displayed.

Figma

https://www.figma.com/design/JesXQFLaPJLc1BdBM4sisI/🦓-ZDS---Components?node-id=229-45&node-type=canvas&m=dev

Storybook

https://design.zebra.com/web/storybook/index.html?path=/docs/components-button-group--docs

Hierarchy

ContourableInterface<this> & LitElement<this>
- ZetaButtonGroup

Index

Other

constructor rounded size styles

rendering

Other

constructor

new ZetaButtonGroup(): ZetaButtonGroup
Returns ZetaButtonGroup
Inherited from Contourable(LitElement).constructor
- Defined in node_modules/@lit/reactive-element/development/reactive-element.d.ts:527

rounded

rounded: boolean

size

size: "medium" | "large" = "medium"

Size of button.

`Static`styles

styles: CSSResultGroup[] = ...

rendering

`Protected`render

render(): TemplateResult<1>
Invoked 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.

Returns TemplateResult<1>
Overrides Contourable(LitElement).render
- Defined in src/components/button-group/button-group.ts:23