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
May 2, 2024
May 2, 2024
Mar 18, 2024
May 6, 2024
May 3, 2024
May 3, 2024
Feb 6, 2024
Apr 12, 2024
Mar 6, 2024
Dec 8, 2023
Mar 22, 2024
Apr 28, 2020
Mar 16, 2021
Apr 28, 2020
Jul 16, 2020
May 25, 2020
Jul 31, 2023
Oct 12, 2021
Dec 8, 2023
Dec 5, 2022
Apr 17, 2024
Nov 23, 2021
Nov 23, 2021
Mar 8, 2024
Dec 12, 2023
Apr 28, 2020
May 6, 2024
Nov 10, 2021
Apr 28, 2020
Dec 5, 2022
Mar 14, 2023
Nov 23, 2021
May 6, 2024
May 6, 2024
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