# bulma-tile

**Repository Path**: mirrors_WebReflection/bulma-tile

## Basic Information

- **Project Name**: bulma-tile
- **Description**: An auto organized bulma-tile custom element.
- **Primary Language**: Unknown
- **License**: ISC
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2020-08-19
- **Last Updated**: 2025-12-27

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# bulma-tile

[![Build Status](https://travis-ci.com/WebReflection/bulma-tile.svg?branch=master)](https://travis-ci.org/WebReflection/bulma-tile) [![License: ISC](https://img.shields.io/badge/License-ISC-yellow.svg)](https://opensource.org/licenses/ISC)

A self organized bulma-[tile](https://bulma.io/documentation/layout/tiles/) custom element.

Check out the [basic](https://webreflection.github.io/bulma-tile/test/) or [complex](https://webreflection.github.io/bulma-tile/test/complex.html) live demos.

### Usage

Simply write the `bulma-tile` tag whenever you need one.

Optionally define `vertical`, which will automatically set `is-vertical` modifier, or `size` from `1` to `12` to reflect it via `is-N` classes.

```html
<bulma-tile size=1 vertical>
```

All contextual modifiers such `is-anchestor`, `is-parent`, or `is-child` are added or removed automatically.

You could even drag around tiles through the inspector and see all nodes update accordingly.

### Loading

  * Custom Element definition only via `https://unpkg.com/bulma-tile` or [min.js](https://github.com/WebReflection/bulma-tile/blob/master/min.js)
  * definition + class as CJS module via `const BulmaTile = require('bulma-tile')`
  * definition + class as ESM module via `import BulmaTile from 'bulma-tile'`