Skip to content

y1n0/vactory-ui

 
 

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Vactory

StoryBook

yarn storybook

Lancez yarn storybook pour démarrer l'environnement Storybook. Storybook est accesible via http://localhost:9009

Getting Started

RTL & LTR

1. DirectionManager

Pour supporter la direction du contenu RTL ou LTR, il suffit d'encapsuler l'application dans un composant DirectionManager.

import {DirectionManager} from 'vactory/core';

<DirectionManager dir="rtl>
    <App />
</DirectionManager>

2. dir property

DirectionManager accepete une properiété dir pour définir la direction, elle prend les valeurs suivantes:

  • ltr valeur par défaut, le contenu est aligné à gauche;
  • rtl le contenu est aligné à droite;

**3. Ignorer le flipping **

Ajouter le commentaire /* @noflip */ pour ignore le flipping d'une régle css

const Box = styled.div`
    background: green;
    margin-bottom: 10px;
    /* @noflip */
    ${typography}
    /* @noflip */
    border-left: 20px solid red;
`;

ThemeProvider

1. ThemeProvider

import {ThemeProvider} from 'styled-components;
<ThemeProvider theme={theme}>
    <App />
</ThemeProvider>

2. Modifier le theme par défaut

About

Based on styled-system & styled-components

Resources

License

Stars

Watchers

Forks

Packages

No packages published

Languages

  • JavaScript 99.9%
  • Other 0.1%