💅🏻 Drac

Drac is the Design system used in Graviton Editor. This package is a set of PuffinJS components.

🌱 Components

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

🍜 Usage

Installation:

npm install @mkenzo_8/puffin-drac

Example:

import { element } from '@mkenzo_8/puffin'
import { Button } from '@mkenzo_8/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/Graviton-Code-Editor/drac.git

Install dependencies:

npm install

Test it:

npm test