nuiButton डायरेक्टिव्ह नेटिव्ह <button> किंवा <a> ला स्टाइल देते. एलिमेंटचे सिमँटिक्स, कीबोर्ड वर्तन आणि फॉर्ममधील सहभाग जसाच्या तसा राहतो; डायरेक्टिव्ह फक्त आपले इनपुट्स, स्टाइलशीट ज्यांना टार्गेट करते त्या data ॲट्रिब्यूट्समध्ये उतरवते.
कृतींसाठी <button> आणि नेव्हिगेशनसाठी <a> वापरा. दोन्ही सारखेच दिसतात, आणि दोन्ही disabled ला सपोर्ट करतात.
व्हेरिएंट्स
चार फिल स्टाइल्स, सर्वात ठळकपासून सर्वात सौम्यपर्यंत. प्रत्येक व्ह्यूमध्ये मुख्य कृतीसाठी एकच solid बटण वापरा.
टोन
टोनमुळे रंगांचे पॅलेट बदलते: मुख्य मार्गासाठी accent, दुय्यम कृतींसाठी neutral आणि धोकादायक कृतींसाठी danger.
आकार
तीन उंची: 28, 36 आणि 44 पिक्सेल. सर्वात लहान आकारसुद्धा WCAG 2.2 चा किमान टार्गेट आकार ओलांडतो.
लिंक्स आणि अक्षम बटणे
अँकर नेटिव्ह पद्धतीने अक्षम करता येत नाहीत, म्हणून अक्षम लिंकला aria-disabled="true" मिळते आणि routerLink असतानाही त्यावरचे क्लिक्स रोखले जातात.