Varianter
Messagebox green
Skriv en informerende tekst om ønskelig tema her. Legg til knapper eller bilder om du ønsker
- Listeelement 1
- Listeelement 2
- Listeelement 3
<div class="pkt-messagebox pkt-messagebox--green">
<div class="pkt-messagebox__title">Messagebox green</div>
<div class="pkt-messagebox__text">
Skriv en informerende tekst om ønskelig tema her. Legg til knapper eller
bilder om du ønsker
<ul>
<li>Listeelement 1</li>
<li>Listeelement 2</li>
<li>Listeelement 3</li>
</ul>
</div>
</div><pkt-messagebox title="Messagebox green" skin="green">
Skriv en informerende tekst om ønskelig tema her. Legg til knapper eller
bilder om du ønsker
<ul>
<li>Listeelement 1</li>
<li>Listeelement 2</li>
<li>Listeelement 3</li>
</ul>
</pkt-messagebox><PktMessagebox title="Messagebox green" skin="green">
Skriv en informerende tekst om ønskelig tema her. Legg til knapper eller
bilder om du ønsker
<ul>
<li>Listeelement 1</li>
<li>Listeelement 2</li>
<li>Listeelement 3</li>
</ul>
</PktMessagebox>CSS oversikt
Block:
- .pkt-messagebox
Elements:
- .pkt-messagebox__title
- .pkt-messagebox__text
Modifiers:
- .pkt-messagebox
--beige (default) - .pkt-messagebox
--red - .pkt-messagebox
--green - .pkt-messagebox
--blue
Props, slots og events
| Props | Type | Validation | Default | Beskrivelse |
|---|---|---|---|---|
| skin | string | beige, greeen, red, blue | beige | |
| title | string |
| Slots | Type | Validation | Default | Beskrivelse |
|---|---|---|---|---|
| default | Tekstinnholdet i komponenten |
| Events | Type | Validation | Default | Beskrivelse |
|---|---|---|---|---|