ui for AskAlfred
npm install --save askalfred-ui
or
yarn add askalfred-ui
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
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 | * |
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>
)
}
}
Props | Type | options |
---|---|---|
list | array | * |
listHeader | string | * |
contentHeader | boolean | * |
private © aa-patrickg