History

@soyjavi 2423d09a4f Rename component doc to readme.md		2015-10-28 22:09:09 +07:00
..
_config.scss	Remove unneeded css variables	2015-10-20 21:38:33 +02:00
index.jsx	update webpack dev, test and build & update eslint rule	2015-10-23 16:11:40 +08:00
readme.md	Rename component doc to readme.md	2015-10-28 22:09:09 +07:00
style.scss	Reorder properties for datepicker	2015-10-21 01:51:24 +02:00

readme.md

Card

var Card = require('react-toolbox/components/card');

<Card title="Default Card" />
<Card title="Default Card with text" text={text} />
<Card title="Default Card with legend" legend={legend} />
<Card title="Default Card with actions" actions={actions} />
<Card title="Defaulr Card with text & image" text={text} image="http://" />
<Card title="Default Card with text, color & onClick event" text={text}
    color="#e91e63" onClick={@onClick} />
<Card type="small" title="Small Card with text & onClick event"
    text={text} color="#00bcd4" onClick={@onClick} />

Properties

Name	Type	Default	Description
className	String		Sets the class-styles of the Component.
color	String		Sets HEX of the Component.
image	String		Sets a background image url.
text	String		Sets a complementary text.
legend	String		Sets a legend text.
loading	Boolean		If true, component will be disabled and show a loading animation.
onClick	Function		Callback function that is fired when the components's is clicked.
title	String	"text"	Sets the title of the component.
type	String	"text"	Type of the component, overwrite this property if you need set a different stylesheet.

Methods

loading

If true, component will be disabled and show a loading animation.

card_instance.loading(true);