mirror of
https://github.com/yldio/copilot.git
synced 2024-11-10 21:30:06 +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