PDS proposals
← All proposals

Agentic Menu Button

A separate component, `AgenticMenuButton`, for a menu of actions the agent does:

Net-new componentOpen in Storybook

proposals/AgenticMenuButton/agentic-menu-button.css10 lines · View on GitHub
/* Icon only + agentic: the expanded rule in the Menu Button's CSS paints a flat
   background-color, which the gradient-border button's fill layers sit on top
   of. Use its fill variable so the open state still shows. */
button.pds-menu-button__trigger--icon-only.pds-icon-button--agentic[aria-expanded='true'],
button.pds-menu-button__trigger--icon-only.pds-icon-button--agentic[aria-expanded='true']:active {
	--icon-button-fill: var(--pds-color-button-secondary-background-active);

	background-color: transparent;
}