Skip to content
/ pix-ui Public

Pix-UI is the implementation of Pix design principles and guidelines for its products.

License

Notifications You must be signed in to change notification settings

1024pix/pix-ui

Folders and files

NameName
Last commit message
Last commit date
Jan 13, 2025
Dec 19, 2024
Jan 14, 2025
Jan 16, 2025
Jan 16, 2025
Jan 8, 2025
Jan 16, 2025
Jan 14, 2025
Jan 7, 2025
Dec 8, 2023
Jan 7, 2025
Jan 14, 2025
Mar 16, 2021
Apr 28, 2020
Jan 8, 2025
Oct 12, 2021
Jan 8, 2025
Jan 8, 2025
Jan 13, 2025
Jan 8, 2025
Nov 23, 2021
Mar 8, 2024
Dec 12, 2023
Apr 28, 2020
Jan 20, 2025
Nov 10, 2021
Apr 28, 2020
Oct 16, 2024
Jan 8, 2025
Jan 14, 2025
Nov 23, 2021
Jan 20, 2025
Jan 20, 2025
Mar 16, 2021
Mar 16, 2021
Nov 23, 2021

Repository files navigation

Pix-UI

Pix-UI c'est l'implémentation des principes du design system de Pix. Cela se matérialise par :

  • un addon ember, permettant l'utilisation composants UI Pix sur des applications ember externes
  • un site statique, présentant les composants UI Pix : https://1024pix.github.io/pix-ui/

Capture d'écran du storybook en ligne

Version du projet :
  • Ember CLI v3.24 or above
  • Node 12 or above

Installation de l'addon Pix-UI

Pour utiliser les composants sur une application Ember externe, il faut installer l'addon ember Pix-UI avec la commande :

  • npm install @1024pix/pix-ui@<tag_souhaité>
Quel tag choisir ?

<tag_souhaité> doit correspondre au numéro de version à installer. Ce numéro de version correspond à une release. Par exemple, on peut remplacer <tag_souhaité> par v0.1.1. Pour voir la liste des tags de Pix-UI, c'est par ici.

Installation par défaut

Il est possible d'installer Pix UI sans #<tag_souhaité>, auquel cas ce sera la dernière version qui sera installée.

Plus d'informations sur les tags git ici.

Développement de Pix-UI

  • git clone https://github.com/1024pix/pix-ui.git
  • cd pix-ui
  • npm install
Création d'un composant Pix-UI
  • ember g pix-component <nom_du_composant>

Plus d'informations sur la création de composant ici.

Lancement de storybook en local

Pour visualiser les composants créés, il faut lancer storybook :

  • npm run storybook