@catchandrelease/arbor
v0.110.2
Published
React component library for Catch&Release
Downloads
275
Keywords
Readme
Arbor
Arbor is a set of React UI components for Catch&Release's design system. It is built using emotion and styled-system.
Getting Started
Installation
Install the Arbor package and its dependencies.
npm install --save @catchandrelease/arbor
or
yarn add @catchandrelease/arbor
Usage
import React from 'react';
import { render } from 'react-dom';
import { Heading, theme } from '@catchandrelease/arbor';
import { ThemeProvider } from '@emotion/react';
function App() {
return (
<ThemeProvider theme={theme}>
<Heading.H1>Hello World</Heading.H1>
</ThemeProvider>
);
}
render(<App />, document.getElementById('app'));
The application must be wrapped in an emotion ThemeProvider
in order to work.
You can import the base theme from arbor, or customize it and pass in your own.
See emotion-theming.
License
The package is available as open source under the terms of the MIT License.