• Guides

    Get startedComponent definitionDesigning custom elementsDevelopment best practices

  • Styles

    ColorsTypographySpacingShadowsRadii

  • Components

    AvatarButtonCheckboxColorPickerDropdownFormFieldIconIconButtonIconTileIllustrationIndicatorLinkListLogoMenuModalNotificationBarPillRadioSelectSkeletonSwitchTabsTextTextareaTextButtonTextInputTypeaheadToastTooltip

    Loaders

    LoaderLogoLoaderEllipsesLoaderWaveformLoader

    Layout

    AlignArrangeBackdropContainerErrorContainerPopoverSpacerSplit

  • Icons

    Icon set

  • Illustrations

    Illustration set

  • Patterns

    Disabled stylesErrorsFormsDiscoveryPlan upgradeSettings

  • Utilities

    CSS utilitiesCSS variablesResponsive

  • Playground

    Layout recipesShowcase

Icon Tile

Usage

import EmojiIcon from '@atlaskit/icon/core/emoji';
import { IconTile } from '@atlaskit/icon'

<IconTile appearance="purple" label="React" icon={EmojiIcon} />

Notes

Make sure to use atlaskit icons with this component and not Lens imported icons.

Reference

For full documentation, visit ADS Icon Tile