Notion UI is a design system for faster and simpler react development. Build your webapp, or start with Notion UI.

Installation

Notion-UI is available as an npm package.

// with yarn
yarn add notion-ui

Usage

Here is a quick example to get you started, it's all you need:

import React from 'react';
import ReactDOM from 'react-dom';
import { Button } from 'notion-ui';

function App() {
  return (
    <Button 
      onClick={() => console.log('click')} 
      buttonType="Primary">
      Primary
    </Button>
  )
}

ReactDOM.render(<App />, document.querySelector('#app'));

Yes, it's really all you need to get started as you can see in this storybook:

Examples

Noticon : a icon storage for notion repository

License

This project is licensed under the terms of the MIT license.