Components

App Launcher

The App Launcher allows the user to quickly access all the apps and functionality with their organization.

DefaultDefaultprototype

Preview

Code

Code will be available when this component reaches a Dev-Ready state.

SearchSearchprototype

Preview

Code

Code will be available when this component reaches a Dev-Ready state.

TileTile › DefaultTile › DraggableTileprototype

Preview

Code

Code will be available when this component reaches a Dev-Ready state.

Tile SmallTile Smallprototype

Preview

Code

Code will be available when this component reaches a Dev-Ready state.

Component Overview

Usage

This table gives you a quick overview of the SLDS CSS classes that can be applied to this component.
Class NameUsage
.slds-app-launcher
Applied to:

.slds-modal

Outcome:

Initializes app launcher modal

Required:

Required

Comments:

--

.slds-app-launcher__header
Applied to:

.slds-modal__header

Outcome:

Defines the header region of the app launcher modal

Required:

Required

Comments:

--

.slds-app-launcher__header-search
Applied to:

<div>

Outcome:

Sets styles to search box, things like width and such

Required:

Required

Comments:

--

.slds-app-launcher__content
Applied to:

.slds-modal__content

Outcome:

Defines the body region of the app launcher modal

Required:

Required

Comments:

--

.slds-app-launcher__tile
Applied to:

<a>

Outcome:

Tile cards that contains the app information, the icon and description

Required:

Required

Comments:

--

.slds-app-launcher__tile-figure
Applied to:

Outcome:

App image or icon

Required:

Required

Comments:

--

.slds-app-launcher__tile-body
Applied to:

Outcome:

App title and description

Required:

Required

Comments:

--

.slds-app-launcher__tile--small
Applied to:

.slds-app-launcher__tile

Outcome:

Tile card that containes the just app icon and title

Required:

Required

Comments:

--

.slds-app-launcher__tile-figure--small
Applied to:

.slds-app-launcher__tile-figure

Outcome:

App image or icon of a small tile

Required:

Required

Comments:

--

.slds-app-launcher__tile-body--small
Applied to:

.slds-app-launcher__body

Outcome:

App title, no description

Required:

Required

Comments:

--

.slds-is-draggable
Applied to:

Outcome:

Add styles associated with drag and drop of a tile

Required:

No, optional element or modifier

Comments:

--