Preview Only: These components are for reference only. Continue using Orbiter in production until further notice.

Tile

Alpha component

This component is still a work in progress and may not fully address all design requirements. Its API and properties are subject to change as we refine the design and functionality to better meet user needs.

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

Tile

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.

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.

type?

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

Defaults to 'button'.
className?

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