feat(website): add example of small Combobox

aksel.nav.no/website/pages/eksempler/combobox/allow-new-values.tsx

@@ -39,6 +39,6 @@ export const Demo = {
 };
 
 export const args: ExampleArgsT = {
-  index: 6,
+  index: 7,
   desc: "Med `allowNewValues` kan brukeren legge til egne alternativer som ikke finnes i listen.",
 };

aksel.nav.no/website/pages/eksempler/combobox/complex-options.tsx

@@ -55,6 +55,6 @@ export const Demo = {
 };
 
 export const args: ExampleArgsT = {
-  index: 8,
+  index: 9,
   desc: "Ved å sende inn `options` som objekter er det mulig å vise en brukervennlig tekst til brukeren, samtidig som systemet i bakkant kan forholde seg til en ID.",
 };

aksel.nav.no/website/pages/eksempler/combobox/external-chips.tsx

@@ -64,6 +64,6 @@ export const Demo = {
 };
 
 export const args: ExampleArgsT = {
-  index: 9,
+  index: 10,
   desc: "Ved å sette `shouldShowSelectedOptions=false` kan du vise valgte alternativer et annet sted. Dette gjøres ofte i løsninger med flere filtre. Dette er også en mulig løsning når alternativene har mye tekst eller du ønsker å vise ekstra informasjon tilknyttet alternativene.",
 };

aksel.nav.no/website/pages/eksempler/combobox/max-selected-limit.tsx

@@ -50,6 +50,6 @@ export const Demo = {
 };
 
 export const args: ExampleArgsT = {
-  index: 7,
+  index: 8,
   desc: "`maxSelected` lar deg sette en grense for antall alternativer brukeren kan velge.",
 };

aksel.nav.no/website/pages/eksempler/combobox/react-hook-form.tsx

@@ -79,7 +79,7 @@ export const Demo = {
 };
 
 export const args: ExampleArgsT = {
-  index: 10,
+  index: 11,
   desc: "Eksempel på bruk med react-hook-form.",
   sandbox: false,
 };

aksel.nav.no/website/pages/eksempler/combobox/read-only.tsx

@@ -25,5 +25,5 @@ export const Demo = {
 };
 
 export const args: ExampleArgsT = {
-  index: 11,
+  index: 12,
 };

aksel.nav.no/website/pages/eksempler/combobox/small.tsx

@@ -0,0 +1,43 @@
+import { UNSAFE_Combobox } from "@navikt/ds-react";
+import { withDsExample } from "@/web/examples/withDsExample";
+
+const Example = () => {
+  return (
+    <UNSAFE_Combobox
+      label="Hva er de kuleste transportmidlene?"
+      options={options}
+      isMultiSelect
+      size="small"
+    />
+  );
+};
+
+const options = [
+  "Bil",
+  "Buss",
+  "Tog",
+  "Skateboard",
+  "Sykkel",
+  "Motorsykkel",
+  "Båt",
+  "Fly",
+  "Helikopter",
+  "Lastebil",
+  "Van",
+  "Scooter",
+];
+
+// EXAMPLES DO NOT INCLUDE CONTENT BELOW THIS LINE
+export default withDsExample(Example, {
+  variant: "static",
+  minHeight: "260px",
+});
+
+/* Storybook story */
+export const Demo = {
+  render: Example,
+};
+
+export const args: ExampleArgsT = {
+  index: 6,
+};