أزرار واجهة المستخدم الدلالية

ما هي أزرار واجهة المستخدم الدلالية؟

يشير الزر إلى إجراء مستخدم محتمل. توفر واجهة المستخدم الدلالية بنية سهلة الاستخدام لا تبسط فقط تصميم الزر ، ولكن أيضًا دلالات اللغة الطبيعية.

كيفية استخدامها

تتم إضافة فئة واجهة المستخدم الدلالية ببساطة إلى عنصر زر. يتم إعطاء أمثلة مختلفة أدناه للإشارة إلى كيفية استخدامها.

أنواع

  • زر قياسي

زر واجهة المستخدم الدلالية القياسي

Standard Button
  • زر التوكيد

زر بمستوى تركيز مختلف

دروس التركيز الأخرى هي secondary، positiveوnegative

  • زر متحرك

زر مع رسم متحرك يعرض المحتويات المخفية

 Sign-up for a Pro account $12.99 a month 

tabindex="0"تجعل الخاصية أعلاه لوحة مفاتيح الزر قابلة للتركيز ، حيث لم يتم استخدام العلامة.

  • الزر المسمى

زر بجانب التسمية

 Like 2,048 

يستخدم العنصر لتحديد رمز ، وهنا يكون رمز القلب بجانب التسمية الأساسية2,048

  • زر الرمز

يمكن أن يكون زر واجهة المستخدم الدلالية مجرد رمز

ما سبق هو مجرد رمز الكاميرا

مجموعات

يمكن أن توجد أزرار واجهة المستخدم الدلالية في مجموعة

 One Two Three 

المحتوى

يمكن أن تحتوي أزرار واجهة المستخدم الدلالية على شروط

 Yes No 

تنص على

يمكن أن توجد أزرار واجهة المستخدم الدلالية في حالات مختلفة ، active، disabled، ، loading. ما عليك سوى إضافة اسم حالة إلى classالسمة of`element.

Loading

الاختلافات

توجد أزرار واجهة المستخدم الدلالية بأحجام مختلفة ، mini، tiny، small، medium، large، big، huge، و massive.

Massive Button

هناك الكثير حول أزرار واجهة المستخدم الدلالية ، قم بزيارة الرابط المقدم في قسم مزيد من المعلومات لمعرفة المزيد.

معلومات اكثر:

  • مستندات أزرار واجهة المستخدم الدلالية