@vijayprasanna13/svelte-tilebox v0.0.4

svelte-tilebox

A reponsive tile layout made with CSS grids. Live Example: https://svelte.dev/repl/9d603326ef7346dd8510a3e8e16a7d50?version=3.20.1

Desktop:

Mobile:

Installation

npm i @vijayprasanna13/svelte-tilebox

Usage

In your Svelte file:

...
import TileBox from "svelte-tilebox";
...

<TileBox items={items} />

The <TileBox> has the following attributes

Each item in items determines the nature of the tile

Example

  import TileBox from '@vijayprasanna13/svelte-tilebox'

  function selectHandler(event) {
    console.log(event.detail)
  }

  <TileBox items={items} on:select={selectHandler} />