JSPM

  • ESM via JSPM
  • ES Module Entrypoint
  • Export Map
  • Keywords
  • License
  • Repository URL
  • TypeScript Types
  • README
  • Created
  • Published
  • Downloads 1
  • Score
    100M100P100Q14462F
  • License MIT

Package Exports

  • notion-ui-react
  • notion-ui-react/build/index.js

This package does not declare an exports field, so the exports above have been automatically detected and optimized by JSPM instead. If any package subpath is missing, it is recommended to post an issue to the original package (notion-ui-react) to support the "exports" field. If that is not possible, create a JSPM override to customize the exports field for this package.

Readme

Notion UI React npm Build Status

Notion UI React is a Notion style UI library. It contains a set of general purpose user interface components.

Demo

Storybook

Quick Start

Install library in your project:

npm install notion-ui-react

Or, if you use yarn:

yarn add notion-ui-react

Use it in a React project:

import { Heading, Divider, Text } from "notion-ui-react"

const MyComponent = () => {
  return (
    <div>
      <Heading level={3}>Heading 3 level</Heading>
      <Text italicize bold underline>
        Some text
      </Text>
      <Divider />
      <Text italicize style={{ fontSize: 12, padding: 0 }}>
        Text with custom styles
      </Text>
    </div>
  )
}

export default MyComponent

How can I support the developers?

  • Star our GitHub repo ⭐
  • Create pull requests, submit bugs, suggest new features or documentation updates 🔧

License

MIT license.

From Developers

Made with ❤️ by Bogdan Aksenov. I always happy to receive your feedback!