nuiButton డైరెక్టివ్ నేటివ్ <button> లేదా <a> కు స్టైల్ ఇస్తుంది. ఎలిమెంట్ తన సెమాంటిక్స్, కీబోర్డ్ ప్రవర్తన, ఫారమ్లో పాల్గొనే తీరును అలాగే ఉంచుకుంటుంది; డైరెక్టివ్ చేసేదల్లా తన ఇన్పుట్లను స్టైల్షీట్ టార్గెట్ చేసే data అట్రిబ్యూట్లలో ప్రతిబింబించడమే.
చర్యలకు <button>, నావిగేషన్కు <a> వాడండి. రెండూ ఒకేలా కనిపిస్తాయి, రెండూ disabled ను సపోర్ట్ చేస్తాయి.
వేరియంట్లు
అత్యంత ప్రముఖమైనదాని నుంచి అత్యంత సాదాదాని వరకు నాలుగు ఫిల్ స్టైల్స్. ప్రధాన చర్య కోసం ఒక్కో వ్యూలో ఒక solid బటన్ మాత్రమే వాడండి.
టోన్లు
టోన్లు పాలెట్ను మారుస్తాయి: ప్రధాన మార్గానికి accent, ద్వితీయ చర్యలకు neutral, తొలగింపు వంటి ప్రమాదకర చర్యలకు danger.
సైజులు
మూడు ఎత్తులు: 28, 36, 44 పిక్సెల్లు. అన్నిటికంటే చిన్నది కూడా WCAG 2.2 కనీస టార్గెట్ సైజును దాటుతుంది.
లింక్లు, డిసేబుల్ చేసిన బటన్లు
anchor ఎలిమెంట్లను నేటివ్గా డిసేబుల్ చేయలేం, అందుకే డిసేబుల్ చేసిన లింక్కు aria-disabled="true" వస్తుంది, routerLink ఉన్నా దాని క్లిక్లు బ్లాక్ అవుతాయి.