steffes-ui

Steffes Group UI package.

Install

npm install --save steffes-ui

Usage

import React, { Component } from 'react'
 
import {Box} from 'steffes-ui'
import 'steffes-ui/dist/index.css'
 
class Example extends Component {
  render() {
    return <Box
        bg='black'
     />
  }
}

Components

AppLink

Box

Description

Uses the styled-system API to style a <div/> component.

Usage

import React, { Component } from 'react'
 
import {Box} from 'steffes-ui'
import 'steffes-ui/dist/index.css'
 
class Example extends Component {
  render() {
    return(
      <Box
        bg='black'
      >
        Content
      </Box>
    )
  }
}

Flex

Description

Uses the styled-system API to style a <div/> component.

Usage

import React, { Component } from 'react'
 
import {Flex} from 'steffes-ui'
import 'steffes-ui/dist/index.css'
 
class Example extends Component {
  render() {
    return(
      <Flex
        flexDirection="column"
        alignItems="center"
        justifyContent="center"
      >
        Content
      </Flex>
    )
  }
}

Inline

Description

Uses the styled-system API to style a <div/> component.

Usage

import React, { Component } from 'react'
 
import {Inline} from 'steffes-ui'
import 'steffes-ui/dist/index.css'
 
class Example extends Component {
  render() {
    return(
      <Inline
        bg='black'
      >
        Content
      </Inline>
    )
  }
}

MediaQueries

ThemeableButtons

ThemeableText

License

MIT © steffesgroup