@focusinlab/tile

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