Skip to content

pantoken / renderers/web-components/src / button

متغير: button

const button: ElementDefinition

ألفا

<instui-button> — نمط رمز <button>. سمة variant تُطابق المُعدِّل -color-<variant> (secondary, tertiary, success, danger, ai, …); margin يضيف تباعدًا حول المضيف (كلمات مفتاحية في InstUI مثل small / medium large); المحتوى المزوَّد في الشق هو التسمية.

وهو أيضًا مُشغِّل أصلي: popovertarget (مع popovertargetaction اختياري) يبدّل أي light-DOM [popover] مثل <instui-context-view>, <instui-popover>, أو <instui-tray>، و command/commandfor تُشغِّل المكونات القائمة على الأوامر (<instui-modal> مع --show/--close, إلخ). يتم تمرير id إلى الزر الداخلي عبر invoker IDL، لذا فإنه يحل عبر حد الظل وقد يشير إلى عنصر يتم إعلانه لاحقًا في المستند.

مثال

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>