React Subtiles

Live demo

Check out the live demo to see the package in action.

Installation

npm i react-subtiles

Basic usage

import { Tile } from "react-subtiles";

export default function Home() {
  return (
    <Tile cols={2}>
      <Tile cols={2}>
        <h3>This tile has subtiles</h3>
        <span>and they will be revealed when you click.</span>
        <Tile>Top Left</Tile>
        <Tile>Top Right</Tile>
        <Tile>Bottom Left</Tile>
        <Tile>Bottom Right</Tile>
      </Tile>
      <Tile>Hello, world!</Tile>
      <Tile>Hello, Narnia!</Tile>
      <Tile>Hello, Mars!</Tile>
    </Tile>
  )
}

Props

| Prop | Type | Default | Description | | --- | :---: | :---: | --- | | default | boolean | false | ? | className | string | "" | ? | cols | number | 3 | ? | colsMedium | number | 2 | ? | colsSmall | number | 1 | ? | fill | boolean | true | ? | center | boolean | true | ? | open | boolean | false | ? | clickAnimation | boolean | true | ?