@offload/sinble

Ofload UI component library — Sinble Design System.

Installation

npm install @offload/sinble

Peer dependencies

This package requires the following peer dependencies in your project:

npm install react@18 react-dom@18 react-router-dom

Usage

Important! - Getting started

Currently your application must be running version 18 of React and must also use react-router-dom

import { BrowserRouter } from 'react-router-dom';
import { Tile, Button, H1, Text } from '@ofload/sinble';

function App() {
	return (
		<BrowserRouter>
			<Tile stretch>
				<H1>Page Title</H1>
				<Text>Some page description</Text>
				<Button text={'Click Me'} onClick={() => alert('clicked !')} />
			</Tile>
		</BrowserRouter>
	);
}

What's included

• Components — CORE, FORM, and LAYOUT component sets