verso-ui

A component library based on the principles of atomic design.

Usage no npm install needed!

<script type="module">
  import versoUi from 'https://cdn.skypack.dev/verso-ui';
</script>

README

Verso UI

Verso UI is a library for creating themable user interfaces based on atomic design principles.

Built for image oriented websites and applications, where you can pass in custom tokens and themes to customize colours, typography, layout and styles. Built in TypeScript, Verso UI comes with its own type definitions to work in a variety of scalable applications and libraries.

Get Started

  npm i verso-ui

import { Text } from 'verso-ui'

//  Verso UI will ask for custom values required to render
export default (props) => (
  <Text></Text> //Type '{ children: string; }' is missing the following properties from type 'TextProps': fontWeight, fontSize, element
)

export default (props) => (
  <Text fontWeight="light" fontSize="medium" element="p">
    {props.children}
  </Text>
)

Supported Components

Here's a list of components available from Verso UI:

Atoms
  • PrimaryButton
  • SecondaryButton
  • TertiaryButton
  • TextInput
  • TextArea
  • Heading
  • Text
Molecules
  • ContactForm
  • Nav