TileGroup

Wraps tiles to show related interactions.

TileGroup

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:

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

Props

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

NameTypeDefaultDescription
asstring"div"The element used for the root node.
dataTeststringOptional prop for testing purposes.
idstringSet id for TileGroup
childrenReact.NodeContent 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.