Tooltip
<mc-button tooltip="tooltip text">Hover me</mc-button>
Rich tooltip
Subhead
Use rich tooltips to provide more details, like describing the value of a feature
<mc-button tooltip-target="one">Hover me</mc-button> <mc-tooltip id="one" rich> <div slot="subhead">Subhead</div> Use rich tooltips to provide more details, like describing the value of a feature <mc-button slot="actions">action</mc-button> </mc-tooltip>
Style
CSS variables that allow you override default values
/* Optional variables for overriding */ --mc-textfield-shape: ar(--mc-shape-extra-small-top); --mc-textfield-container-color: var(--mc-surface-container-highest); --mc-textfield-input-text-color: var(--mc-on-surface); --mc-textfield-label-text-color: var(--mc-on-surface-variant); --mc-textfield-active-indicator-color: var(--mc-primary);