Skip to content

pantoken-root / renderers/web-components/src / button

متغير: button ​

const button: ElementDefinition

Alpha

<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، لذا فإنه يحل عبر حد الظل وقد يشير إلى عنصر يتم إعلانه لاحقًا في المستند.

Example ​

html
<instui-button variant="primary" margin="small">حفظ التغييرات</instui-button>
<instui-button variant="danger" margin="small">حذف</instui-button>
<instui-button popovertarget="cv">تفاصيل</instui-button>
<instui-context-view id="cv">المزيد عن هذا العنصر.</instui-context-view>