Developer mode
Opens components on the React tab by default.
Your bookmarks

TileGroup / React

Wraps tiles to show related interactions.

To implement TileGroup component into your project you’ll need to the import at least the TileGroup and Tile:

import TileGroup from "@kiwicom/orbit-components/lib/TileGroup";
import Tile from "@kiwicom/orbit-components/lib/Tile";

After adding import into your project you can use it simply like:

  <Tile title="Title" />
  <Tile title="Title" />


Table below contains all types of the props available in TileGroup component.

Name Type Default Description
dataTest string Optional prop for testing purposes.
children React.Node Content of the TileGroup – normally the Tile component. See functional specs

Functional specs

  • You can use the React.Node in many different ways, but please mind that you can’t use any additional DOM elements. Otherwise, the styling will be broken.