Alarmsignal

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 Tidslinje

Mindre brukte

Aksjonsheader Aksjonsknapp Ansattsøkeresultater Arrangementsliste Artikkelliste Beskrivelsesliste Brukerinfo Coverbilde Fanenavigering 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

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-rating lk-read-text lk-select-util lk-show-details lk-site-footer lk-site-header Melding Sidetopp Skjemaelementer Sosiale medier Varselboks

deprecated

Eksempler

Siste om krona viruset

Lorem ipsum dolor sit amet consectetur adipisicing elit. laudantium

Siste om krona viruset

Lorem ipsum dolor sit amet consectetur adipisicing elit. laudantium

Vis kode

<div class="grid">

    <div class="span-whole lk-card">
        <h2 class="subtitle alert-signal alert-signal--yellow">Siste om krona viruset</h2>
        <p>
            Lorem ipsum dolor sit amet consectetur adipisicing elit.
            laudantium
        </p>
    </div>

    <div class="span-whole lk-card">
        <h2 class="subtitle  alert-signal alert-signal--red">Siste om krona viruset</h2>
        <p>
            Lorem ipsum dolor sit amet consectetur adipisicing elit.
            laudantium
        </p>
    </div>

</div>