SGDS Overflow Menu Component Skill

<sgds-overflow-menu> is a pre-built three-dot (⋯) icon button that toggles a dropdown menu. It uses <sgds-dropdown-item> as its list items and is commonly used in table rows, cards, and list items for contextual actions.

Prerequisites

See sgds-components-setup for installation and framework integration (React 19+ vs React ≤18, Vue, Angular).

No CSS styling modifications — custom properties and CSS parts are not exposed on this component.

Quick Decision Guide

Custom toggler or button label needed? → Use <sgds-dropdown> instead

Three-dot icon menu with no label? → <sgds-overflow-menu> (this component)

Size? → size="md" (default), size="sm"