@coder/ui

Collection of shared styles and components used across Coder products

Usage no npm install needed!

<script type="module">
  import coderUi from 'https://cdn.skypack.dev/@coder/ui';
</script>

README

Coder UI Kit

Shared components and styles used throughout Coder's products

Storybook

The latest build can be viewed at https://coder-ui.vercel.app/

Installation

yarn add @coder/ui

Usage

Wrap your application in the ThemeProvider component

import { ThemeProvider } from "@coder/ui"

export default App: React.FC = () => (
  <ThemeProvider>
    {/* rest of your app */}
  </ThemeProvider>
)

Then use the components as you'd like!

Fonts

Import the CSS of the font you'd like to use directly. Located in @coder/ui/font/*.css.

Development

Run yarn storybook to develop locally against the storybook