Webkomponenter Fleetwood inneholder en samling med dynamiske komponenter basert på "Web component" standarden

Skjema-komponenter

Betinget visning av felter

depentant attrs

Bruk at dependant-attributtene i radio og checkbox komponentene.

Checkboks gruppe

lk-checkbox-group

Flere avmerkingsbokser (inputs).

Checkboks

lk-checkbox

En enkeltstående avmerkingsboks (input).

Kloning av felter

lk-cloner

Legg til funksjon til skjemaer.

Beskrivelse

lk-details

details.

Flervalgsliste

lk-dual-listbox

To listebokser med prioritering.

Filopplastinger

lk-file-uploader

File-input element.

Help text

lk-help-text

Hjelpetekst primært for input-elementer.

Input block

lk-input-block

Input elementer primært for dialogtjenesetene.

Radioknapper

lk-radio-group

Radio-button-input element.

Fritekstfelt

lk-textarea-block

Fritekstfelt-input.

Klikk-komponenter

Anchor group

lk-anchor-group

Ankerlenker som er laget av overskrifter på siden.

Lenke-knapp

lk-button-link

Lenker som er utformet som vanlige knapper.

Knapp

lk-button

En enkel knapp.

Carusel - Karusell

lk-carousel

carousel.

Beskrivelse

lk-details

details.

Tilbakemelding

lk-feedback

Skjema der brukeren kan gi tilbakemelding på om de fant det de lette etter.

Geolokasjonsknapp

lk-location-button

Knapp brukeren kan trykke på for å benytte nåværende posisjon.

Gå til toppen

lk-to-top

En lenk som sende scroll til top av side.

Vis/skjul-komponenter

Brødsmuler

lk-breadcrumbs

breadcrumbs.

Beskrivelse

lk-details

details.

Help text

lk-help-text

Hjelpetekst primært for input-elementer.

Modal

lk-modal

En heldekkende modal med backdrop for å fremheve en handling brukeren må gjøre.

Se mer

lk-show-more

Se mer/mindre boks.

Innhold med fanenavigasjon

lk-tab-panel

Flere innholdspaneler med faner for å bytte mellom de ulike panelene.

Åpne/lukke-boks

lk-toggle

Boks som kan åpnes og lukkes ved trykk.

Filter

lk-filter

Dynamisk filter.

Sekundær søkelinje

lk-search-bar

Sekundær, mindre søkelinje som kan benyttes ved behov.

Portalsøk

lk-search

Webkomponent for portalsøk.

Grafiske komponenter

Banner

lk-banner

Heldekkende banner med ulike bakgrunnsfarger til bruk som informasjonselement under portalheaderen.

Coverbilde

lk-cover-image

Heldekkende bilde med tittel.

Grafisk element

lk-figure

De ulike formene fra tømmermerkene og steder i Lillestrøm.

Flomstatus

lk-flood-status

Grafisk komponent med flom-status.

Ikoner

lk-icon

Inline ikoner.

Header

lk-page-header

Header med overskrift, ingress og figur.

Applikasjons-komponenter

Iframe

lk-iframe

Bruk av iframe (implementert som webkomponent)

Skykartkomponent

lk-cloud-map

Kart gjennom ArcGIS Cloud.

Flomstatus

lk-flood-status

Grafisk komponent med flom-status.

Google Maps-bilde

lk-google-maps-tile

Kartbilde fra Google Maps som viser kart over et gitt punkt.

Google Maps

lk-google-maps

Kart fra Google Maps som viser kart over et gitt punkt.

Kart

lk-map

Grunnkomponent for kart og utvikling av kartbaserte tjenester.

Melding blokk

lk-message

Melding blokk.

Spinner

lk-spinner

Spinner som bør vise når det er nødvendig.

Ubrukte komponenter

Beep test kalkulator

lk-beep-test

Kalkulator for å beregne kondisjonsform basert på beep testen.

Tilbakemelding

lk-feedback-form

Indre delen av lk-feedback.

Filopplasting

lk-file-upload

File-input element.

Iframe

lk-iframe

Iframe.

Filopplasting i prebuildmeeting

lk-multi-file-input

Filopplasting i prebuildmeeting.

Rating

lk-rating

Fem stjerneknapper.

Les tekst

lk-read-text

Les mer tekst.

Select-block

lk-select-block

select-block.

Select-util

lk-select-util

select-util.

Se mer

lk-show-details

Se mer/mindre detaljer.

Footer for site

lk-site-footer

Footer for site.

Header for site

lk-site-header

Header med meny, søk, og min side.

Alle komponenter