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

Latest commit

 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

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