Komponentbygger
Her kan du teste ut alle egenskapene til PktCombobox, og få ferdig kode for React og Elements.
Om options
Combobox kan enten ta en JSON-liste som attributt/prop i options, eller en rekke <option>-elementer. Dersom du forventer at options vil endre seg dynamisk, eller ta i bruk tagSkinColor, description eller prefix, anbefaler vi at du bruker JSON-liste. Uansett vil options alltid bli konvertert til en array av objekter i komponenten.
Hvordan ta i bruk?
// React
import { PktCombobox } from "@oslokommune/punkt-react";
// Custom Element:
import "@oslokommune/punkt-elements/dist/pkt-combobox.js";
// Custom Element fra CDN:
<script src="https://punkt-cdn.oslo.kommune.no/latest/elements/pkt-combobox.js"></script>;Testing
Dersom dere skal skrive tester med JSDOM eller liknende, er det viktig at dere lar komponenten bli rendret ferdig før dere tester den. Dette kan gjøres ved å kjøre denne kodelinjen før testene kjøres:
await window.customElements.whenDefined("pkt-combobox");Om dere bruker data-testid for å hente ut elementer i testene, vil attributten videresendes til komponentens inputfelt. Dersom dere heller ønsker å bruke data-testid på elementet <pkt-combobox>, må dere sette attributten skipForwardTestid på elementet.