react-scooter/src/components/Card/Readme.md

React components for the Scooter CSS framework

```js
<div>
	<div class="u-mar-bottom-m">
	  <Card>
		This is a card with some content.
	  </Card>

	  <Card arrow>
		This is a card with a North arrow
	  </Card>
	</div>

	<div class="u-mar-bottom-m">
	  <Card arrow="nw">
		<p class="u-mar-bottom-s">This is a card with a Northwest arrow. <br/>You can nest components, you know.</p>
		<button class="c-btn c-btn--primary">Wow cool</button>
	  </Card>

	  <Card arrow="ne">
		This is a card with a Northeast arrow.
	 </Card>
	</div>

	<div class="u-mar-bottom-m">
	  <Card arrow="s">
		South arrow
	  </Card>
	  <Card arrow="sw">
		Southwest arrow
	  </Card>
	  <Card arrow="se">
		Southeast arrow
	  </Card>
	</div>
</div>
```
```js
<div>
	 <Card floating>
	  This is a floating card. Try hovering me.
	 </Card>

	<Card floating selected>
	  This is a selected floating card.
	 </Card>
</div>
```