Icon tile

An icon with background, color and size determined by the Tile component.

Examples Code Usage Changelog

Props

`appearance`
Required
Description	The appearance of the tile
Type	`"gray" \| "blue" \| "teal" \| "green" \| "lime" \| "yellow" \| "orange" \| "red" \| "magenta" \| "purple" \| "grayBold" \| "blueBold" \| "tealBold" \| "greenBold" \| "limeBold" \| "yellowBold" \| "orangeBold" \| "redBold" \| "magentaBold" \| "purpleBold"`

`icon`
Required
Description	The icon to display
Type	`React.ComponentClass<NewCoreIconProps, any> \| React.FunctionComponent<NewCoreIconProps>`

`label`
Required
Description	The label for the icon
Type	`string`

`size`
Description	Size of the tile. Defaults to `medium`. Available sizes: `xsmall`, `small`, `medium`, `large`, `xlarge`.
Type	`"xsmall" \| "small" \| "medium" \| "large" \| "xlarge"`

`testId`
Description	A unique string that appears as a data attribute `data-testid` in the rendered code, serving as a hook for automated tests.
Type	`string`

Was this page helpful?

We use this feedback to improve our documentation.