tile
Tile customizable basic component
Install
npm install --save @focusinlab/tile
Props:
Attribute | Required | Type | Default |
---|---|---|---|
children | Yes | React Element | string |
as | No | String | div |
ratio | No | "cube","cubeDouble", "cubeFull", "rectangle" | "cube" |
Usage
const BlueTile = () => {
return (
<Tile
ratio='cube'
data-test-id="my-blue-tile"
>
<label className="foo">click me</label>
</Tile>
)
}
Creating an "anchor" box
const ClickableTile = () => {
return (
<Tile
ratio='cube'
type='a'
onClick={clickHandler}
data-test-id="my-clickable-tile"
>
<label className="foo">click me</label>
</Tile>
)
}
License
MIT © focus-in-lab