diff --git a/src/layout/MultipleSelect/MultipleSelectComponent.module.css b/src/layout/MultipleSelect/MultipleSelectComponent.module.css new file mode 100644 index 0000000000..f6e1e38ac2 --- /dev/null +++ b/src/layout/MultipleSelect/MultipleSelectComponent.module.css @@ -0,0 +1,5 @@ +.optionDescription { + display: block; + margin-top: var(--ds-size-1); + color: var(--ds-color-neutral-text-subtle); +} diff --git a/src/layout/MultipleSelect/MultipleSelectComponent.tsx b/src/layout/MultipleSelect/MultipleSelectComponent.tsx index d9d83e5878..afd4f3dfc3 100644 --- a/src/layout/MultipleSelect/MultipleSelectComponent.tsx +++ b/src/layout/MultipleSelect/MultipleSelectComponent.tsx @@ -14,6 +14,7 @@ import { useGetOptions } from 'src/features/options/useGetOptions'; import { useSaveValueToGroup } from 'src/features/saveToGroup/useSaveToGroup'; import { useIsValid } from 'src/features/validation/selectors/isValid'; import { ComponentStructureWrapper } from 'src/layout/ComponentStructureWrapper'; +import classes from 'src/layout/MultipleSelect/MultipleSelectComponent.module.css'; import utilClasses from 'src/styles/utils.module.css'; import { useLabel } from 'src/utils/layout/useLabel'; import { useItemWhenType } from 'src/utils/layout/useNodeItem'; @@ -164,7 +165,11 @@ export function MultipleSelectComponent({ - {option.description && } + {option.description && ( + + + + )} ))}