odeum-primitives

ODEUM Primitives are ReactJS UI primitives build for ODEUM Code.

• 1. Components
• 2. Installation
• 3. Usage

1. Components

ODEUM Primitives (odeum-primitives) are a collection of simple visual components build for ODEUM Code open source UI framework. All components are build with styled-components and ReactJS and the following components will be added:

• Heading - Header component
• Image - Image component with async resource fetch and assets control
• Label - Label component
• Link - Link component
• Space - Space creates empty spaces (transparent, color)
• Text - Text paragraph
• View - Container for creating styled views

2. Installation

$ npm install odeum-primitives
$ yarn add odeum-primitives

3. Usage

import React from 'react'
import { Heading, 
     Image, 
     Label, 
     Link, 
     Space, 
     Text, 
     View } from 'odeum-primitives'
 
const styles = {
  size: 1,
  weight: 500,
  color: 'magenta'
}
...
 
<Heading>Hello World</Heading>
<Heading size={1}>Hello {name}</Heading>
<Heading size={2} weight={900}>Hello {name}</Heading>
<Heading size={3} weight={500} color={'black'}>Hello {name}</Heading>
<Heading {...styles}>Heading from styles object</Heading>

... TBC