johno-ds

johno is a design system built using Modulz

Using this package

Step 1: Install johno from npm

Install johno-ds using your package manager:

yarn add johno-ds

Step 2: Import & use your components

Your components are ready to use! All components are imported directory from johno-ds:

import { Card, Input, Box, Container } from 'johno-ds';

Step 3: Wrap your app in DesignSystemProvider

To access the default theme, you must import and wrap your app with the DesignSystemProvider:

import { DesignSystemProvider } from 'johno-ds';

const App = () => <DesignSystemProvider>Hey there👋</DesignSystemProvider>;