Placements

top-start top top-end

bottom-start bottom bottom-end

left-start left left-end

right-start right right-end

bottom-start

Action Another action Something else here

Various items

Button as anchor

Plain text Item with icon Item with checkbox Item with radio

Usage with disabled auto close

Button as anchor

Information Bibendum aliquam, fusce integer sit amet congue non nulla aliquet enim Profile Help

Longer content

Button as anchor

Bibendum aliquam, fusce integer sit amet congue non nulla aliquet enim Nulla condimentum, purus commodo cursus non nulla rhoncus Mauris nunc, elementum enim in lacinia vitae quam placerat sem, euismod accumsan Donec dui, nunc dui vel varius libero molestie nibh nunc

Full-width mode 'all'

Finibus quis imperdiet, semper imperdiet aliquam

Information Bibendum aliquam, fusce integer sit amet congue non nulla aliquet enim Profile Help

Full-width mode 'mobile-only'

Finibus quis imperdiet, semper imperdiet aliquam

Information Bibendum aliquam, fusce integer sit amet congue non nulla aliquet enim Profile Help