Struktur
<lk-flood-status>
<div/>
<a>
<h3/>
<span/>
</a>
</lk-flood-status>
Attributter
Merknader: må*, bør, husk, ekstra.
| Attributt | Tillatte verdier | Default | Beskrivelse |
|---|---|---|---|
| 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
Denne komponenten er implementert som en webkomponent, og kan enkelt legges inn med en enkelt custom HTML-tag.
<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>