Askalfred-ui NPM

askalfred-ui

ui for AskAlfred

Install

npm install --save askalfred-ui

yarn add askalfred-ui

Scripts

yarn test             // run tests
yarn test:watch       // run tests and keep watching
yarn storybook        // run to start storybook
yarn build-storybook  // run before starting storybook

Components

Alert

import React, { Component } from 'react'

import MyComponent from 'askalfred-ui'

class Example extends Component {
  render () {
    return (
      <Alert
        type={'success'}
        message={'Hurray! Everything went well!'}
        show={'true'}
      />
    )
  }
}

Props	Type	options
type	string	'error', 'info', 'success', 'warning', 'light', 'dark'
message	string	*
show	boolean	*

PageLayout

import React, { Component } from 'react'

import MyComponent from 'askalfred-ui'

class Example extends Component {
  list = () => {
    return [
      <div>
        item 1
      <div>,
      <div>
        item 2
      <div>
    ]
  }

  render () {
    return (
      <PageLayout
        list={this.list()}
        listHeader={'Some list header'}
        contentHeader={'some header'}
      >
        Content
      </PageLayout>
    )
  }
}