the-info
Info of the-component
Installation
$ npm install the-info --save
Usage
Live Demo is hosted on GitHub Page
'use strict'
import React from 'react'
import { TheInfo, TheInfoStyle } from 'the-info'
class ExampleComponent extends React.PureComponent {
render () {
return (
<div>
<TheInfoStyle/>
<TheInfo
title="This is title"
data={{
row01: 'Text as row',
row03: 'Hidden row',
row02: <a>Node as row</a>,
}}
keys={['row02', 'row01']}
>
</TheInfo>
</div>
)
}
}
export default ExampleComponent
Components
TheInfo
Info of the-component
Props
Name | Type | Description | Default |
---|---|---|---|
data |
objectOf node | Info data | {} |
keys |
arrayOf string | Keys to show | null |
title |
string | Info title | null |
role |
'grid' |
TheInfoStyle
Style for TheInfo
Props
Name | Type | Description | Default |
---|---|---|---|
options |
object | Style options | {} |
License
This software is released under the MIT License.