Tile

A tile groups information into an interactive element to let users browse and take action on a group of related items.

Usage

Selected

A tile can be initially selected, by using defaultSelectedKey or isSelected.

Disabled

A tile can be disabled.

Selected and Disabled

A tile can be selected and disabled.

Props

id

The id of the Tile, matching the values used in TileGroup's selectedKeys prop.

style?

The inline style for the element. A function may be provided to compute the style based on component state.

children?

The children of the component. A function may be provided to alter the children based on component state.

type?

The behavior of the button when used in an HTML form.

Defaults to 'button'.
isSelected?

Whether the element should be selected (controlled).

defaultSelected?

Whether the element should be selected (uncontrolled).

isDisabled?

Whether the button is disabled.

autoFocus?

Whether the element should receive focus on render.

className?

The CSS className for the element. A function may be provided to compute the class based on component state.

Migration Notes

Coming from Orbiter, you should be aware of the following changes:

  • checked has been renamed isSelected.
  • defaultChecked has been renamed defaultSelected.
  • orientation has been removed, use flex-direction instead.
  • value has been removed, use the id instead.