Basic with label prop

Spider-Man is a superhero in Marvel Comics. He was created by writer Stan Lee and artist Steve Ditko.

Custom styling with slots

What is a deductible?

A deductible is the amount you pay out of pocket before your insurance covers the rest.

Custom trigger label

This trigger button has a custom accessible label.

Placement top

The popup panel opens above the trigger on desktop viewports.

Placement bottom

The popup panel opens below the trigger on desktop viewports.

Placement left

The popup panel opens to the left of the trigger on desktop viewports.

Custom close label

The close button inside the drawer shows a custom label on touch viewports.

Without title

Sometimes a title is not needed — just the explanation text is enough.

Your premium is calculated based on your risk profile Your risk profile combines age, driving history, and vehicle type to determine your premium. and the selected coverage options.

Legacy sub-components (deprecated)

Spider-Man

Spider-Man is a superhero in Marvel Comics. He was created by writer Stan Lee and artist Steve Ditko.