fix list className

digdir · Jun 18, 2024 · 00d4275 · 00d4275
1 parent 270dd8c
commit 00d4275
Show file tree

Hide file tree

Showing 2 changed files with 12 additions and 5 deletions.
diff --git a/packages/react/src/components/List/Lists.tsx b/packages/react/src/components/List/Lists.tsx
@@ -16,7 +16,7 @@ export type ListUnorderedProps = {
 } & Omit<HTMLAttributes<HTMLUListElement>, 'size'>;
 
 export const Unordered = forwardRef<HTMLUListElement, ListUnorderedProps>(
-  ({ asChild, ...rest }, ref) => {
+  ({ asChild, className, ...rest }, ref) => {
     const { size, headingId } = useContext(ListContext);
 
     const Component = asChild ? Slot : 'ul';
@@ -27,7 +27,7 @@ export const Unordered = forwardRef<HTMLUListElement, ListUnorderedProps>(
         asChild
       >
         <Component
-          className={cl(`ds-list`, `ds-list--${size}`, rest.className)}
+          className={cl(`ds-list`, `ds-list--${size}`, className)}
           {...(headingId ? { 'aria-labelledby': headingId } : {})}
           ref={ref}
           {...rest}
@@ -48,7 +48,7 @@ export type ListOrderedProps = {
 } & Omit<OlHTMLAttributes<HTMLOListElement>, 'size'>;
 
 export const Ordered = forwardRef<HTMLOListElement, ListOrderedProps>(
-  ({ asChild, ...rest }, ref) => {
+  ({ asChild, className, ...rest }, ref) => {
     const { size, headingId } = useContext(ListContext);
 
     const Component = asChild ? Slot : 'ol';
@@ -59,7 +59,7 @@ export const Ordered = forwardRef<HTMLOListElement, ListOrderedProps>(
         asChild
       >
         <Component
-          className={cl(`ds-list`, `ds-list--${size}`, rest.className)}
+          className={cl(`ds-list`, `ds-list--${size}`, className)}
           {...(headingId ? { 'aria-labelledby': headingId } : {})}
           ref={ref}
           {...rest}

diff --git a/packages/react/stories/bruk.mdx b/packages/react/stories/bruk.mdx
@@ -6,7 +6,14 @@ import { CodeSnippet } from '@doc-components';
 
 # Bruk
 
-Introduksjon til bruk, regler og gotchas.
+På denne sida finner du god informasjon om hvordan du kan bruke Designsystemet.
+Under vil du finne:
+
+- [React](#react)
+  - [Installasjon](#installasjon)
+  - [SSR](#ssr)
+- [CSS](#css)
+  - [Layers](#layers)
 
 ## React