Badge x-badge
Properties
Property | Attribute | Type | Default | Description |
---|---|---|---|---|
Type
|
type
|
string
|
''
|
Opties: '' , white , danger , warning , info , success
|
Size
|
size
|
string
|
''
|
Opties: '' , large
|
Icon
|
icon
|
string
|
''
|
Zie de dev-guide iconen |
Standaard
Default
<x-badge ">Voorbeeld tekst</x-badge>
Voorbeeld tekst
white
<x-badge type="white"">Voorbeeld tekst</x-badge>
Voorbeeld tekst
danger
<x-badge type="danger"">Voorbeeld tekst</x-badge>
Voorbeeld tekst
warning
<x-badge type="warning"">Voorbeeld tekst</x-badge>
Voorbeeld tekst
success
<x-badge type="success"">Voorbeeld tekst</x-badge>
Voorbeeld tekst
info
<x-badge type="info"">Voorbeeld tekst</x-badge>
Voorbeeld tekst
Met icoon
Default
<x-badge " icon="graph">Voorbeeld tekst</x-badge>
Voorbeeld tekst
white
<x-badge type="white"" icon="graph">Voorbeeld tekst</x-badge>
Voorbeeld tekst
danger
<x-badge type="danger"" icon="graph">Voorbeeld tekst</x-badge>
Voorbeeld tekst
warning
<x-badge type="warning"" icon="graph">Voorbeeld tekst</x-badge>
Voorbeeld tekst
success
<x-badge type="success"" icon="graph">Voorbeeld tekst</x-badge>
Voorbeeld tekst
info
<x-badge type="info"" icon="graph">Voorbeeld tekst</x-badge>
Voorbeeld tekst
Groot
Default groot
<x-badge " size="large">Voorbeeld tekst</x-badge>
Voorbeeld tekst
white groot
<x-badge type="white"" size="large">Voorbeeld tekst</x-badge>
Voorbeeld tekst
danger groot
<x-badge type="danger"" size="large">Voorbeeld tekst</x-badge>
Voorbeeld tekst
warning groot
<x-badge type="warning"" size="large">Voorbeeld tekst</x-badge>
Voorbeeld tekst
success groot
<x-badge type="success"" size="large">Voorbeeld tekst</x-badge>
Voorbeeld tekst
info groot
<x-badge type="info"" size="large">Voorbeeld tekst</x-badge>
Voorbeeld tekst
Groot met icoon
Default groot met icoon
<x-badge " size="large">Voorbeeld tekst</x-badge>
Voorbeeld tekst
white groot met icoon
<x-badge type="white"" size="large">Voorbeeld tekst</x-badge>
Voorbeeld tekst
danger groot met icoon
<x-badge type="danger"" size="large">Voorbeeld tekst</x-badge>
Voorbeeld tekst
warning groot met icoon
<x-badge type="warning"" size="large">Voorbeeld tekst</x-badge>
Voorbeeld tekst
success groot met icoon
<x-badge type="success"" size="large">Voorbeeld tekst</x-badge>
Voorbeeld tekst
info groot met icoon
<x-badge type="info"" size="large">Voorbeeld tekst</x-badge>
Voorbeeld tekst