@oslokommune/punkt-elements
Version:
Komponentbiblioteket til Punkt, et designsystem laget av Oslo Origo
165 lines (164 loc) • 4.18 kB
JavaScript
var e = {
name: "pkt-input-wrapper",
react: "PktInputWrapper",
"css-class": "pkt-inputwrapper",
isElement: !0,
isPureReact: !0,
events: { toggleHelpText: { description: "Event for å vise eller skjule hjelpetekst i dropdown" } },
slots: { default: { description: "Innholdet i input-wrapperen, som kan være et skjemaelement eller en annen komponent" } },
props: {
forId: {
name: "For ID",
description: "Id-en til skjemaelementet som dette wrapper rundt",
type: "string",
required: !0,
category: "tech"
},
label: {
name: "Merkelapp",
description: "Merkelapp for skjemaelementet",
type: "string",
required: !0,
category: "contents"
},
helptext: {
name: "Hjelpetekst",
description: "Hjelpetekst for skjemaelementet",
type: "string",
category: "contents"
},
helptextDropdown: {
name: "Hjelpetekst i dropdown",
description: "Hjelpetekst som vises i ekspanderende felt",
type: "string",
category: "contents"
},
helptextDropdownButton: {
name: "Tekst i hjelpetekst-knapp",
description: "Tekst som vises i knappen for å vise hjelpetekst i dropdown",
default: "Les mer <span class='pkt-sr-only'>om feltet</span>",
type: "string",
category: "contents"
},
ariaDescribedby: {
name: "aria-describedby",
description: "Id-en til elementet som beskriver skjemaelementet",
type: "string",
category: "accessibility"
},
counter: {
name: "Teller",
description: "Teller for antall tegn i skjemaelementet",
type: "boolean",
default: !1,
category: "ui"
},
counterCurrent: {
name: "Tellerverdi",
description: "Tellerens nåværende verdi",
type: "number",
category: "ui",
showIf: { counter: !0 }
},
counterMaxLength: {
name: "Maks tegn i teller",
description: "Maks antall tegn som kan skrives i skjemaelementet",
type: "number",
category: "ui",
showIf: { counter: !0 }
},
counterPosition: {
name: "Tellerplassering",
description: "Telleren sin plassering i forhold til elementet",
type: ["top", "bottom"],
default: "bottom",
category: "ui",
showIf: { counter: !0 }
},
optionalTag: {
name: "Vise valgfritt-merking",
description: "Viser en merking som indikerer at feltet er valgfritt",
type: "boolean",
default: !1,
category: "ui"
},
optionalText: {
name: "Valgfritt-tekst",
description: "Tekst som vises i valgfritt-merkingen",
type: "string",
default: "Valgfritt",
category: "contents"
},
requiredTag: {
name: "Vise påkrevd-merking",
description: "Viser en merking som indikerer at feltet er påkrevd",
type: "boolean",
default: !1,
category: "ui"
},
requiredText: {
name: "Påkrevd-tekst",
description: "Tekst som vises i påkrevd-merkingen",
type: "string",
default: "Må fylles ut",
category: "contents"
},
tagText: {
type: "string",
name: "Tag-tekst",
description: "Tekst som vises i en tag ved siden av label",
category: "ui"
},
hasError: {
name: "Feil",
description: "Indikerer at skjemaelementet har en feil",
type: "boolean",
default: !1,
category: "ui"
},
errorMessage: {
name: "Feilmelding",
description: "Feilmelding som vises når skjemaelementet har en feil",
type: "string",
category: "contents"
},
disabled: {
name: "Deaktivert",
description: "Indikerer at skjemaelementet er deaktivert",
type: "boolean",
default: !1,
category: "tech"
},
inline: {
name: "Inline",
description: "Indikerer at skjemaelementet skal flyte sammen med sidens innhold",
type: "boolean",
default: !1,
category: "ui"
},
hasFieldset: {
name: "Er fieldset",
description: "Indikerer at innholdet er et fieldset",
type: "boolean",
default: !1,
category: "ui"
},
useWrapper: {
name: "Bruk wrapper",
description: "Indikerer om skjemaelementet skal bruke en wrapper",
type: "boolean",
displayAsFalse: !0,
default: !0,
category: "ui"
},
role: {
name: "Rolle",
description: "Rollen til elementet",
type: "string",
default: "group",
category: "accessibility"
}
}
};
//#endregion
export { e as t };