Flomstatus | Fleetwood designsystem

Struktur

<lk-flood-status>
  <div/>
  <a>
    <h3/>
    <span/>
  </a>
</lk-flood-status>

Attributter

Merknader: må*, bør, husk, ekstra.

Attributt	Tillatte verdier	Default
level	1-4:number	1
message	string	""
valid-from	string	""
valid-to	string	""
external-link	url:string	""

Spalter

Spalter/slots brukes for dynamisk innhold/struktur inni komponenten. Ref. Stenciljs.com

Slot=	Beskrivelse
*	Elementer uten `slot=` attributter blir plassert inni `<h3>`

Eksempler

<lk-flood-status 
    level=1
    message="Nå er det flom"
    valid-from="idag"
    valid-to="imorgen"
    external-link="#"
></lk-flood-status>

<lk-flood-status 
    level=2
    message="Nå er det flom"
    valid-from="idag"
    valid-to="imorgen"
    external-link="#"
></lk-flood-status>

<lk-flood-status 
    level=3
    message="Nå er det flom"
    valid-from="idag"
    valid-to="imorgen"
    external-link="#"
></lk-flood-status>

<lk-flood-status 
    level=4
    message="Nå er det flom"
    valid-from="idag"
    valid-to="imorgen"
    external-link="#"
></lk-flood-status>