pantoken / renderers/web-components/src / button

Variabel: button ​

const button: ElementDefinition

Alpha

<instui-button> — en token-stiliseret <button>. Attributten variant kortlægges til -color-<variant> modifikatoren (secondary, tertiary, success, danger, ai, …); margin tilføjer mellemrum omkring væerten (InstUI-nøgleord som small / medium large); slot-indhold er etiketten.

Det er også en indfødt invoker: popovertarget (med valgfri popovertargetaction) skifter enhver light-DOM [popover] såsom <instui-context-view>, <instui-popover>, eller <instui-tray>, og command/commandfor driver de kommandobaserede komponenter (<instui-modal> med --show/--close, osv.). Id'et videresendes til den indre knap via invoker IDL, så det løses på tværs af shadow grænsen og kan pege frem til et element, der er erklæret senere i dokumentet.

Eksempel ​

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>