pantoken / renderers/web-components/src / button

Variable: button ​

const button: ElementDefinition

Alfa

<instui-button> — un <button> estilitzat per token. L'atribut variant es mapeja al modificador -color-<variant> (secondary, tertiary, success, danger, ai, …); margin afegeix espaiat al voltant de l'host (paraules clau de InstUI com small / medium large); el contingut amb slot és l'etiqueta.

Tanmateix, és un invocador natiu: popovertarget (amb opcional popovertargetaction) commuta qualsevol [popover] de DOM clar, com ara <instui-context-view>, <instui-popover>, o <instui-tray>, i command/commandfor impulsa els components basats en comandaments (<instui-modal> amb --show/--close, etc.). L'id es remet al botó intern a través de l'invocador IDL, de manera que es resol dins del límit de l'ombra i pot apuntar endavant a un element declarat més tard al document.

Exemple ​

html
<instui-button variant="primary" margin="small">Save changes</instui-button>
<instui-button variant="danger" margin="small">Delete</instui-button>
<instui-button popovertarget="cv">Details</instui-button>
<instui-context-view id="cv">More about this item.</instui-context-view>