mirror of
https://github.com/yldio/copilot.git
synced 2024-11-28 14:10:04 +02:00
bootstrap icon component
no real imlementation yet
This commit is contained in:
parent
6acf077cda
commit
e33c8e8146
20
ui/src/components/icon/index.js
Normal file
20
ui/src/components/icon/index.js
Normal file
@ -0,0 +1,20 @@
|
|||||||
|
const React = require('react');
|
||||||
|
// const icons = require('react-icons/md');
|
||||||
|
|
||||||
|
const Icon = ({
|
||||||
|
name,
|
||||||
|
className,
|
||||||
|
style
|
||||||
|
}) => {
|
||||||
|
// const Component = icons[name];
|
||||||
|
// <Component className={className} style={style} />
|
||||||
|
return (<div />);
|
||||||
|
};
|
||||||
|
|
||||||
|
Icon.propTypes = {
|
||||||
|
className: React.PropTypes.string,
|
||||||
|
name: React.PropTypes.string.isRequired,
|
||||||
|
style: React.PropTypes.object
|
||||||
|
};
|
||||||
|
|
||||||
|
module.exports = Icon;
|
40
ui/src/components/icon/readme.md
Normal file
40
ui/src/components/icon/readme.md
Normal file
@ -0,0 +1,40 @@
|
|||||||
|
# `<Checkbox>`
|
||||||
|
|
||||||
|
## demo
|
||||||
|
|
||||||
|
```embed
|
||||||
|
const React = require('react');
|
||||||
|
const ReactDOM = require('react-dom/server');
|
||||||
|
const Base = require('../base');
|
||||||
|
const Container = require('../container');
|
||||||
|
const Row = require('../row');
|
||||||
|
const Column = require('../column');
|
||||||
|
const Checkbox = require('./index.js');
|
||||||
|
const styles = require('./style.css');
|
||||||
|
|
||||||
|
nmodule.exports = ReactDOM.renderToString(
|
||||||
|
<Base>
|
||||||
|
<Row>
|
||||||
|
<Column>
|
||||||
|
<Checkbox checked>
|
||||||
|
Checkbox checked
|
||||||
|
</Checkbox>
|
||||||
|
</Column>
|
||||||
|
</Row>
|
||||||
|
<Row>
|
||||||
|
<Column>
|
||||||
|
<Checkbox>
|
||||||
|
Checkbox unchecked
|
||||||
|
</Checkbox>
|
||||||
|
</Column>
|
||||||
|
</Row>
|
||||||
|
<Row>
|
||||||
|
<Column>
|
||||||
|
<Checkbox disabled>
|
||||||
|
Checkbox disabled
|
||||||
|
</Checkbox>
|
||||||
|
</Column>
|
||||||
|
</Row>
|
||||||
|
</Base>
|
||||||
|
);
|
||||||
|
```
|
Loading…
Reference in New Issue
Block a user