💅🏻 Drac

Drac is the Design system used in Filing-Manager. This package is a set of PuffinJS components.

🌱 Components

• Button
• Card
• Radio Group
• Navigation Bar
• Text
• H1...H6 titles
• Input
• TextArea
• Select

🍜 Usage

Installation:

npm install @fm2/puffin-drac

Example:

import { element } from '@fm2/puffin'
import { Button } from '@fm2/puffin-drac'

const helloButton = () => {
	return element({
		components: {
			Button
		}
	})`
		<Button>Hello World</Button>
	`
}

⚠ Warning

I do not consider myself an UI designer.

🤔 Testing

Clone the repository:

git clone https://github.com/DanSketic/fm-puffin-drac.git

Install dependencies:

pnpm install

Test it:

pnpm test