Différences
Ci-dessous, les différences entre deux révisions de la page.
| Les deux révisions précédentes Révision précédente Prochaine révision | Révision précédente | ||
| web:css:frameworks:semantic [2023/04/18 02:42] – [Eléments HTML/JS] jcheron | web:css:frameworks:semantic [2023/04/18 02:46] (Version actuelle) – [Eléments HTML simples] jcheron | ||
|---|---|---|---|
| Ligne 57: | Ligne 57: | ||
| La plupart des composants Semantic ne requiert que du HTML | La plupart des composants Semantic ne requiert que du HTML | ||
| + | **Segment :** | ||
| <sxh html; | <sxh html; | ||
| <div class=' | <div class=' | ||
| </ | </ | ||
| + | </ | ||
| + | |||
| + | **Bouton :** | ||
| + | <sxh html; | ||
| + | <a class=' | ||
| + | Ouvrir... | ||
| + | </a> | ||
| </ | </ | ||
| Ligne 90: | Ligne 98: | ||
| ==== Eléments JS ==== | ==== Eléments JS ==== | ||
| + | |||
| + | Certains composants (beaucoup plus rares) sont 100% JS, c'est le cas par exemple du **toast** : | ||
| + | |||
| + | <sxh javascript; | ||
| + | $.toast({ | ||
| + | title: ' | ||
| + | message: 'Hey look, I have a title !' | ||
| + | }); | ||
| + | </ | ||