Sini-style ng nuiButton directive ang isang native na <button> o <a>. Nananatili sa element ang semantics nito, ang behavior nito sa keyboard at ang paglahok nito sa form; ipinapasa lang ng directive ang mga input nito sa mga data attribute na tina-target ng stylesheet.
Gumamit ng <button> para sa mga aksyon at ng <a> para sa navigation. Magkamukha ang dalawa, at pareho nilang sinusuportahan ang disabled.
Mga variant
Apat na fill style, mula sa pinakakapansin-pansin hanggang sa pinakatahimik. Gumamit ng isang solid button bawat view para sa pangunahing aksyon.
Mga tone
Binabago ng tone ang palette: accent para sa pangunahing daloy, neutral para sa mga pangalawang aksyon, danger para sa mga mapanirang aksyon.
Mga laki
Tatlong taas: 28, 36 at 44 pixel. Kahit ang pinakamaliit ay lampas sa minimum na target size ng WCAG 2.2.
Mga link at naka-disable na button
Hindi puwedeng i-disable nang native ang mga anchor, kaya nilalagyan ng aria-disabled="true" ang naka-disable na link at hinaharangan ang mga click dito, kahit may routerLink.