Minimal changes
parent
91ee458e1f
commit
1cc22ce4f0
|
@ -37,7 +37,6 @@ module.exports = React.createClass
|
||||||
|
|
||||||
# -- Render
|
# -- Render
|
||||||
render: ->
|
render: ->
|
||||||
|
|
||||||
<button data-component-button={@props.type}
|
<button data-component-button={@props.type}
|
||||||
onClick={@onClick}
|
onClick={@onClick}
|
||||||
className={@props.className}
|
className={@props.className}
|
||||||
|
|
|
@ -16,14 +16,16 @@ module.exports = React.createClass
|
||||||
|
|
||||||
<h2>Buttons</h2>
|
<h2>Buttons</h2>
|
||||||
<p>lorem ipsum...</p>
|
<p>lorem ipsum...</p>
|
||||||
<Button caption="Login" disabled=false />
|
<Button caption="Login"/>
|
||||||
<Button caption="Primary" className="primary" icon="access_alarm" />
|
<Button caption="Primary" className="primary" icon="access_alarm" />
|
||||||
<Button caption="Secondary" className="accent" />
|
<Button caption="Secondary" className="accent" />
|
||||||
<Button caption="Disabled" disabled={true} />
|
<Button caption="Disabled" disabled />
|
||||||
|
<Button caption="loading" loading />
|
||||||
|
|
||||||
<Button type="circle" icon="access_alarm" />
|
<Button type="circle" icon="access_alarm" />
|
||||||
<Button type="circle" icon="explore" className="primary" />
|
<Button type="circle" icon="explore" className="primary" />
|
||||||
<Button type="circle" icon="zoom_in" className="accent" />
|
<Button type="circle" icon="zoom_in" className="accent" />
|
||||||
<Button type="circle" icon="input" disabled={true} />
|
<Button type="circle" icon="input" disabled />
|
||||||
|
<Button type="circle" icon="zoom_in" loading />
|
||||||
|
|
||||||
</section>
|
</section>
|
||||||
|
|
|
@ -20,17 +20,17 @@ Test = React.createClass
|
||||||
<app data-toolbox={true}>
|
<app data-toolbox={true}>
|
||||||
<h1>React-Toolbox <small>New way for create</small></h1>
|
<h1>React-Toolbox <small>New way for create</small></h1>
|
||||||
|
|
||||||
<Card />
|
|
||||||
<Switch />
|
|
||||||
<Aside />
|
<Aside />
|
||||||
<Autocomplete />
|
<Autocomplete />
|
||||||
<Button />
|
<Button />
|
||||||
|
<Card />
|
||||||
<Dialog />
|
<Dialog />
|
||||||
<Dropdown />
|
<Dropdown />
|
||||||
<FontIcon />
|
<FontIcon />
|
||||||
<Form />
|
<Form />
|
||||||
<Progress />
|
<Progress />
|
||||||
<Slider />
|
<Slider />
|
||||||
|
<Switch />
|
||||||
</app>
|
</app>
|
||||||
|
|
||||||
React.render <Test/>, document.body
|
React.render <Test/>, document.body
|
||||||
|
|
Loading…
Reference in New Issue