diff --git a/components/interactive-elements.html b/components/interactive-elements.html index d9dce58..2e294ca 100644 --- a/components/interactive-elements.html +++ b/components/interactive-elements.html @@ -57,6 +57,19 @@ + +
+

Component: Linksmenue-Items

+ +
+ + + + + +
+
+

Component: Tasten-Navigation-gross in content

diff --git a/styles/10-components-interactive-elements.css b/styles/10-components-interactive-elements.css index 9d65a39..aa8d903 100644 --- a/styles/10-components-interactive-elements.css +++ b/styles/10-components-interactive-elements.css @@ -155,6 +155,16 @@ background: var(--surface-tab-compact-background); } + .sg-tab-button-group[data-component-variant="linksmenu-items"] { + flex-direction: column; + align-items: stretch; + width: 100%; + } + + .sg-tab-button-group[data-component-variant="linksmenu-items"] .sg-tab-button { + width: 100%; + } + .sg-tab-button-group[data-component-context="content"] { background: var(--surface-tab-compact-background); }