Design system at Gympass, our main intent is to support our projects.
We have open-sourced our project for those who are interested in checkout how we do things and organize our code and documentation here.
What does it mean?
Yoga is a scientific system of practices made to help each one of us achieve our highest potential and experience.
Getting started
Gympass design-system's follows design guidelines specification, we developed a React and React Native UI library that contains a set of high quality components that defines our interfaces.
Installing
In order to install our design-system just run:
yarn add @gympass/yoga
// or
npm install @gympass/yoga
Usage
An important point in using it is that your whole application must be wrapped in our ThemeProvider
component:
import { ThemeProvider, Button } from '@gympass/yoga';
const App = () => (
<ThemeProvider>
<Button>Find an activity</Button>
</ThemeProvider>
);