Steg-navigasjon lk-stepper
Steg navigasjon lar deg bla mellom forskjellige deler

Komponenter

 depentant-attrs lk-anchor-group lk-badge lk-banner lk-bil lk-breadcrumbs lk-button lk-button-link lk-card lk-carousel lk-checkbox lk-checkbox-group lk-cloner lk-details lk-divider lk-dual-listbox lk-error-summary lk-file-uploader lk-filter lk-icon lk-input-block lk-modal lk-page-header lk-pagination lk-radio-group lk-search lk-select-block lk-show-more lk-spinner lk-tag lk-textarea-block lk-to-top Portalheader Portalsøk Seksjonsintro Side footer Skip-link Søkeresultater Tabeller Mindre brukte Aksjonsheader Aksjonsknapp Ansattsøkeresultater Arrangementsliste Artikkelliste Beskrivelsesliste Brukerinfo Coverbilde Fanenavigering Fremhevet artikkel Kalenderhendelser Knappevelger Kontaktseksjon Ledige stillinger lk-cloud-map lk-cover-image lk-feedback lk-figure lk-map lk-message Magasinsidetopp no-opener no-referral Overskrift med ikon Uthevet blokk Uthevet liste Eksperimentell lk-feedback-form lk-file-upload lk-iframe lk-stepper lk-suggestion Avviklet Alarmsignal Ankerlenker Badge Banner Brødsmuler Definere ikoner Ekstern lenke iframe Ikonliste Interaktive skjema elementer Knappegruppe Knapper lk-beep-test lk-details lk-flood-status lk-google-maps lk-google-maps-tile lk-help-text lk-rating lk-read-text lk-select-util lk-show-details lk-site-footer lk-site-header lk-tab-panel Melding Sidetopp Skjemaelementer Sosiale medier Tidslinje Varselboks
experimental webcomponent

Vedleggs seksjon

 Send bestilling
Navn Type Verdi
string

lk-stepper lar deg gå gjennom flere steg av et skjema.
lk-stepper fungerer med lk-stepper-page. De blir til et eget steg hvor det er mulig å vise innhold.

Attributter

Attributt Tillatte verdier Default Beskrivelse
active-step number "0" Hvilket steg/side stepperen viser. Oppdaterer komponenten.

Spalter

Slot= Beskrivelse
submit Knapp for innsending av skjema

Attributter (lk-stepper-page)

Vi har en egen komponent som håndterer sidene.

Attributt Tillatte verdier Default Beskrivelse
heading string "" Overskriften til steget
previous-button string "Tilbake" Setter teksten til tilbake knappen. Verdien "" fjerner knappen.
next-button string "Gå videre" Setter teksten til neste knappen. Verdien "" fjerner knappen.
visible boolean "false" Brukes hovedsaklig internt. Kan lyttes på for å se om steget er aktivt.

Metoder (lk-stepper-page)

Merk at alle metoder er asynkrone. Ref. Stenciljs.com

Metode Parameter Retur Beskrivelse
addValidator (validator:function) null Legger til validering på steget. Stopper videre ugyldig navigering.
isValidStep () Boolean Validerer gyldighet.
hasVisibleContent () Boolean Sjekker om alle innhold vises