@peduarte/wallop-system

Wallop is a design system built using Modulz

Using this package

Step 1: Install Wallop from npm

Install @peduarte/wallop-system using your package manager:

yarn add @peduarte/wallop-system

Step 2: Import & use your components

Your components are ready to use! All components are imported directory from @peduarte/wallop-system:

import { Card, Input, Box, Container } from '@peduarte/wallop-system';

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 '@peduarte/wallop-system';

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