Adding Tiles

What is a tile?

A tile is the main interaction between the user and Tileboard. it is a basic square that can be modified to do different actions or show specific information. Like switching your light switch or seeing the weather for today. It is flexible and you can mould it suit your needs.

Basic Light Tile Example

We will cover the basics here but you can find more options Readme.md

{
   type: TYPES.LIGHT,
   position: [0, 0],
   title: 'Front Lights',
   subtitle: 'Lounge',
   id: 'light.front_lights',
   state: false,
   states: {
      on: "On",
      off: "Off"
   },
   icons: {
      on: "mdi-lightbulb-on",
      off: "mdi-lightbulb",
   },
},

Now its time to explain what all of this means and what we get

TYPES

First, we define the type. This tells TileBoard what type of entity this tile so it can do the proper actions when you press it. In this example, we want a little light tile to turn on or off our beautiful light in our lounge so we defined it as

type: TYPES.LIGHT

TYPES.__	Home Assistant variant
DEVICE_TRACKER	device_tracker
SCRIPT	script
AUTOMATION	automation
SENSOR	sensor
SENSOR_ICON	sensor_icon
SWITCH	switch
LOCK	lock
COVER	cover
COVER_TOGGLE	cover_toggle
FAN	fan
INPUT_BOOLEAN	input_boolean
LIGHT	light
TEXT_LIST	text_list
INPUT_NUMBER	input_number
INPUT_SELECT	input_select
INPUT_DATETIME	input_datetime
CAMERA	camera
CAMERA_THUMBNAIL	camera_thumnail
SCENE	scene
SLIDER	slider
IFRAME	iframe
DOOR_ENTRY	door_entry
WEATHER	weather
CLIMATE	climate
MEDIA_PLAYER	media_player
CUSTOM	custom
ALARM	alarm
WEATHER_LIST	weather_list
VACUUM	vacuum
POPUP_IFRAME	popup_iframe
DIMMER_SWITCH	dimmer_switch
GAUGE	gauge