finch-design-system v1.0.0

🐦 Finch

An opinionated Design System.

Tech Stack

Building components

• 🔵 Typescript for type-safe superset of Javascript
• ⚛️ [Preact](https://preactjs.com/) declarative component-centric UI
• 📚 Storybook for UI component development

Deployment

• 📦 NPM for packaging and distribution
• 🚥 Github Actions for continuous integration
• 🚀 Github Pages for hosting Storybook instance

Maintenance

• 🤖 Dependabot for automatic dependency updates
• 🦔 Chromatic for visual testing as a service

Install

npm i --save finch-design-system

Usage

import { render } from 'preact';

import { MyComponent } from 'finch-design-system';

const App = () => <div><MyComponent /></div>;

render(App, document.getElementById('app'));