Button

config="icon-only"

config="icon-with-bg"

Label Text

config="bg-only"

Label Text

mirror

Label Text

fullSquircle

size="small" · 70px

Label Text

size="medium" · 84px

Label Text

size="large" · 100px

Label Text

theme="alexa"

Alexa

theme="kids"

Kids

theme="ftv"

FTV

theme="kindle"

Kindle

theme="blink"

Blink

selectable · click it selected = false

selectable · starts selected selected = true

overflow="wrap" · length 260

A rather long label that will not fit

wrap · maxLines 2

A rather long label that will not fit

overflow="shrink"

A rather long label that will not fit

overflow="expand"

A rather long label that will not fit

Tile

product · small · 300×300

Label Text Fixed Width

product · medium · 340×340

Label Text Fixed Width

product · mirror

Label Text Fixed Width

product · no bubbleImage

Label Text Fixed Width

product-extended · small · 604×250

Label Text Fixed Width

product-extended · medium · 725×300

Label Text Fixed Width

hero · small · 430×300

See your home in sync

hero · medium · mirror · cutoutImage
-

See your home in sync

LookupTile

primaryText only

Try it yourself

+ secondaryText

Product Name is live above try saying:

Alexa, help get my kids out the door?

theme="kids"

Product Name is live above try saying:

Alexa, help get my kids out the door?

theme="kindle"

Try it yourself

Carousel

size="small" · 6 tiles · paged

See your home in sync

Just ask Alexa

Check in from anywhere

Keep the family on track

Play it everywhere

Set the scene at home

3 tiles · no controls, centred

See your home in sync

Just ask Alexa

Check in from anywhere

CompareCard

A 194px-wide product card whose height hugs its content. colors draws the swatch row — leave it out and the row goes entirely. Passing an array for image pairs one image to each swatch, so picking a colour swaps the shot.

image · productName · colors · description

Lorem Ipsum Dolor Set Amet

Maecenas ut imperdiet sem.

no colors · swatch row drops

Lorem Ipsum Dolor Set Amet

Maecenas ut imperdiet sem.

3 images · 2 colors · third falls back

Lorem Ipsum Dolor Set Amet

Maecenas ut imperdiet sem.