[Ivan Diaz] - Add widget demo page
This commit is contained in:
parent
4cbfbafb38
commit
ec9bcc8f23
|
@ -5,6 +5,7 @@ import {Link} from 'react-router';
|
|||
import DocumentTitle from 'react-document-title';
|
||||
|
||||
import Button from '../components-core/button.js';
|
||||
import Widget from '../components-core/widget.js';
|
||||
|
||||
var DemoPage = React.createClass({
|
||||
|
||||
|
@ -18,6 +19,16 @@ var DemoPage = React.createClass({
|
|||
render: (
|
||||
<Button type="primary">Sign up</Button>
|
||||
)
|
||||
},
|
||||
{
|
||||
title: 'Widget',
|
||||
render: (
|
||||
<Widget>
|
||||
<h2>Register here!</h2>
|
||||
|
||||
<Button type="primary">SIGN UP</Button>
|
||||
</Widget>
|
||||
)
|
||||
}
|
||||
],
|
||||
|
||||
|
|
|
@ -1,3 +1,7 @@
|
|||
* {
|
||||
box-sizing: border-box;
|
||||
}
|
||||
|
||||
body {
|
||||
font-family: Helvetica, sans-serif;
|
||||
color: $font-color--dark;
|
||||
|
|
|
@ -1,6 +1,7 @@
|
|||
.widget {
|
||||
background-color: white;
|
||||
border-radius: 4px;
|
||||
min-height: 50px;
|
||||
text-align: center;
|
||||
padding: 27px;
|
||||
width: 324px;
|
||||
}
|
Loading…
Reference in New Issue