Mes components

Tous mes components utiles pour mes projets

Accueil 🏠

ButtonLayer

Permet d'envelopper du code afin de standardiser l'apparence et les interactions des boutons

default

secondary

outline

ghost

Icon

Icon + variant

Icon + Texte

Auto Size en fonction de l'Icon

CopyButton

Copie un texte dans le presse‑papiers avec retour visuel.

Copiez ce texte : Granola :)

14px

24px

34px

44px

54px

DownloadButton

Télécharge un fichier depuis une URL ou des données générées.

Téléchargez ce fichier : Granola.txt

14px

24px

34px

44px

54px

LinkButton

Ouvre un lien interne ou externe avec une icĂ´ne.

Ouvrez ce lien : https://www.projet-voltaire-inator.fr

14px

24px

34px

44px

54px

NoScroll

Bloque le défilement de la page ou d’un conteneur.

Avec <NoScroll>

Essayez de faire défiler

Ligne 1

Ligne 2

Ligne 3

Ligne 4

Ligne 5

Ligne 6

Ligne 7

Ligne 8

Ligne 9

Ligne 10

Ligne 11

Ligne 12

Ligne 13

Ligne 14

Ligne 15

Ligne 16

Ligne 17

Ligne 18

Ligne 19

Ligne 20

Granola

Sans <NoScroll>

Essayez de faire défiler

Ligne 1

Ligne 2

Ligne 3

Ligne 4

Ligne 5

Ligne 6

Ligne 7

Ligne 8

Ligne 9

Ligne 10

Ligne 11

Ligne 12

Ligne 13

Ligne 14

Ligne 15

Ligne 16

Ligne 17

Ligne 18

Ligne 19

Ligne 20

Granola

Separator

Inspiré de https://ui.shadcn.com/docs/components/separator

Sépare des éléments visuellement.

Aperçu indisponible