Needless UI

المكونات

كل مكوّن مبني على العناصر الأصلية، وموثّق بأمثلة حية وبمرجع لواجهته البرمجية ولسلوكه مع لوحة المفاتيح.

  • الصورة الرمزية

    صورة الشخص، أو الأحرف الأولى من اسمه على لون يبقى خاصًّا به دائمًا.

  • مسار التنقل

    سلسلة الصفحات التي تقود إلى الصفحة الحالية.

  • Button

    إجراءات وروابط بتنسيق مبني على عناصر الأزرار والروابط الأصلية.

  • التقويم

    اختر يومًا أو نطاقًا أو عدة أيام، بلوحة المفاتيح أيضًا.

  • دوّار الشرائح

    شرائح في صف يُمرَّر ويستقر على كل شريحة، مع أزرار ونقاط وتدوير تلقائي.

  • المحادثة

    تحدّث إلى نموذج: ردود متدفقة، وأدوات، ونُسخ، وملفات.

  • منتقي الألوان

    لون بصيغة OKLCH، على مساحة أو عجلة، مع عيّنات لونية وقطّارة وفحص للتباين.

  • Combobox

    حقل نصي يقترح عليك خيارات أثناء الكتابة.

  • لوحة الأوامر

    كل أوامر تطبيقك على بُعد ضغطة مفتاح.

  • منتقي التاريخ

    اكتب التاريخ أو الوقت جزءًا جزءًا، أو اختره من التقويم.

  • Dialog

    نافذة حوار مشروطة مبنية على عنصر dialog الأصلي، ويتولى المتصفح فيها إدارة التركيز.

  • منطقة الإفلات

    أفلت الملفات أو اخترها، مع التحقق منها ومعاينتها ورفعها وعرض تقدّم الرفع.

  • محرِّر النصوص المنسّقة

    عناوين وقوائم وروابط وتنسيقات، مع شريط أدوات وMarkdown أثناء الكتابة.

  • الحالة الفارغة

    ما تعرضه حين لا يوجد ما تعرضه، وما يمكن فعله حيال ذلك.

  • شبكة البيانات

    فرز وتصفية وتجميع وتحرير وتصدير لأي عدد من الصفوف.

  • Markdown

    اعرض Markdown بأمان، حتى أثناء تدفقه.

  • قناع الإدخال

    حقول نصية تُنسَّق أثناء الكتابة: التواريخ والبطاقات وأرقام IBAN والرموز.

  • Menu

    قائمة منبثقة من الإجراءات، مع قوائم فرعية وعناصر قابلة للتحديد ودعم كامل للوحة المفاتيح.

  • الحقل الرقمي

    حقل لإدخال الأرقام مع أزرار للزيادة والنقصان، مُنسَّق وفق كل لغة ومنطقة.

  • حقل OTP

    رموز التحقق في خانات منفصلة، فوق حقل إدخال حقيقي واحد.

  • حقل الهاتف

    منتقي دولة ورقم يُجمَّع كما يُكتب في تلك الدولة.

  • Popover

    نوافذ عائمة بجوار زر، وتلميحات غنية عند تمرير المؤشر.

  • التقييم

    نجوم للتقييم، مبنية على أزرار راديو حقيقية.

  • المُجدوِل

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

  • Select

    اختر خيارًا واحدًا أو عدة خيارات، من قائمة قصيرة أو ضخمة.

  • Skeleton

    عناصر نائبة تحفظ التخطيط ريثما يُحمَّل المحتوى.

  • المُقسِّم

    لوحات جنبًا إلى جنب أو بعضها فوق بعض، بينها مقابض لتغيير أحجامها.

  • Toast

    رسائل قصيرة تتراكم، وتُزاح بالسحب، ولا تسرق التركيز أبدًا.

  • الجولة الإرشادية

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