mirror of
https://github.com/yldio/copilot.git
synced 2024-11-15 07:40:07 +02:00
61 lines
1.2 KiB
Markdown
61 lines
1.2 KiB
Markdown
|
# Input
|
||
|
|
||
|
## 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 Input = require('./index.js');
|
||
|
|
||
|
nmodule.exports = ReactDOM.renderToString(
|
||
|
<Base>
|
||
|
<Row>
|
||
|
<Column>
|
||
|
<Input
|
||
|
placeholder='Enter email'
|
||
|
label='Email Address'
|
||
|
type='email'
|
||
|
>
|
||
|
<small>We'll never share your email with anyone else.</small>
|
||
|
</Input>
|
||
|
</Column>
|
||
|
</Row>
|
||
|
<Row>
|
||
|
<Column>
|
||
|
<Input placeholder='Password' type='password'>
|
||
|
Password
|
||
|
</Input>
|
||
|
</Column>
|
||
|
</Row>
|
||
|
</Base>
|
||
|
);
|
||
|
```
|
||
|
|
||
|
## usage
|
||
|
|
||
|
```js
|
||
|
const React = require('react');
|
||
|
const Input = require('ui/input');
|
||
|
|
||
|
module.exports = () => {
|
||
|
return (
|
||
|
<div>
|
||
|
<Input
|
||
|
placeholder='Enter email'
|
||
|
label='Email Address'
|
||
|
type='email'
|
||
|
>
|
||
|
<small>We'll never share your email with anyone else.</small>
|
||
|
</Input>
|
||
|
<Input placeholder='Password' type='password'>
|
||
|
Password
|
||
|
</Input>
|
||
|
</div>
|
||
|
);
|
||
|
}
|
||
|
```
|