diff --git a/doc-site/components/nve-combobox.md b/doc-site/components/nve-combobox.md index 375c0a43..c7e4ec5a 100644 --- a/doc-site/components/nve-combobox.md +++ b/doc-site/components/nve-combobox.md @@ -492,6 +492,31 @@ Bruk attributtet disabled for å deaktivere combo ```html + + + + + + ``` @@ -524,6 +549,31 @@ Bruk readonly for å stenge mulighet for å endre ```html + + + + + + ``` diff --git a/src/components/nve-combobox/nve-combobox.styles.ts b/src/components/nve-combobox/nve-combobox.styles.ts index a3a14495..2d7cda98 100644 --- a/src/components/nve-combobox/nve-combobox.styles.ts +++ b/src/components/nve-combobox/nve-combobox.styles.ts @@ -41,6 +41,14 @@ export default css` input { color: var(--color-interactive-foreground-tertiary-disabled); } + .combobox__value__tag, + .combobox__value__indicator { + border-color: var(--color-interactive-border-tertiary-disabled); + background: var(--color-interactive-background-tertiary-disabled); + > nve-icon { + color: var(--color-interactive-foreground-tertiary-disabled); + } + } } .combobox__value--hidden {