يُنسّق التوجيه nuiButton عنصر <button> أو <a> أصليًا. ويحتفظ العنصر بدلالاته وسلوكه مع لوحة المفاتيح ومشاركته في النماذج؛ فكل ما يفعله التوجيه هو عكس مُدخلاته على سمات data التي تستهدفها ورقة الأنماط.
استخدم <button> للإجراءات و<a> للتنقل. يبدو كلاهما بالشكل نفسه، وكلاهما يدعم disabled.
الأنماط
أربعة أنماط للتعبئة، من الأبرز إلى الأهدأ. استخدم زرًّا واحدًا بنمط solid في كل شاشة للإجراء الرئيسي.
الألوان
تحدد خاصية tone لوحة الألوان: accent للمسار الرئيسي، وneutral للإجراءات الثانوية، وdanger للإجراءات المدمِّرة.
الأحجام
ثلاثة ارتفاعات: 28 و36 و44 بكسل. وحتى أصغرها يتجاوز الحد الأدنى لحجم الهدف في WCAG 2.2.
الروابط والأزرار المعطّلة
لا تدعم عناصر الروابط التعطيل بشكل أصلي، لذا يحصل الرابط المعطّل على aria-disabled="true" وتُمنع النقرات عليه، حتى مع routerLink.