@peduarte/pedro

Pedro is a design system built for Peduarte using Modulz

Using this package

Step 1: Install Pedro from npm

Install @peduarte/pedro using your package manager:

yarn add @peduarte/pedro

Step 2: Import & use your components

Your components are ready to use! All components are imported directory from @peduarte/pedro:

import { Card, Input, Box, Container } from '@peduarte/pedro';

Step 3: Wrap your app in PedroProvider

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

import { PedroProvider } from '@peduarte/pedro';

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