Composants

Lexique

Utiliser les balises `lexique`.

<lexique>test</lexique>
Exemple d'un mot du lexique : test
<lexique title="test">test en props</lexique>
Exemple d'un mot du lexique en props `title` : test en props

Pas dans le lexique : truc ← génère un warning au build du site!

Crowdfunding Ğ1

Base :
<G1Crowdfunding pubkey="78ZwwgpgdH5uLZLbThUQH7LKwPgjMunYfLiCfUCySkM8" />
DUĞ1
Montant collecté en 3 mois
0
Donneurs

Avec la class `flex` :

0,00 Ğ1
Montant collecté en 3 mois
0
Donneurs

En mode higher order component en utilisant le `slot` par défaut. Permet de récupérer les données et de les afficher comme l'on veut...

<G1Crowdfunding
  v-slot="slotProps"
  pubkey="78ZwwgpgdH5uLZLbThUQH7LKwPgjMunYfLiCfUCySkM8"
>
  <strong>TOTAL = {{ slotProps.total }}</strong>
  <div>MÉCÈNES = {{ slotProps.issuers.length }}</div>
  <div style="font-size: 7px">{{ slotProps.graph }}</div>
</G1Crowdfunding>
TOTAL = 0
MÉCÈNES = 0
[]

Slot `button` :

0,00 Ğ1
Montant collecté en 3 mois
0
Donneurs

Mini carte

<MiniMap />
Reprend les couleurs du forum. Cliquez pour accéder à la région !

Alert

<alert type="success">Block alert success</alert>
Block type success
Block type info test lien
Block type warning
Block type danger
Block type danger custom icon multiline with props `icon="skull-crossbones"`.
Aenean leo ligula, porttitor eu, consequat vitae, eleifend ac, enim. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos hymenaeos. Sed in libero ut nibh placerat accumsan.

Toggle

Click on this text to toggle

À propos

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud xercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

Encouragez les développeurs

Participez au financement en Ğ1 !
DUĞ1
Montant collecté en 3 mois
0
Donneurs