CSS only
button
Interactive buttons. SCSS-only styling (spinner in _ng_spinner). Variants: solid · outline · soft · ghost · link · size xs/sm/md/lg · shape rect/quad/circle · hover/disabled/loading states. Colors from $ng-colors (L1/L2 tokens, override via --ng-<color>-bg).
Component info
| Name | Button |
|---|---|
| Type | css |
| Version | 1.0.2 |
| Status | css |
| CSS | /assets/css/components/_ng_button.scss |
Classes
.ng-btn.ng-btn-.ng-btn-grad.ng-btn-group.ng-btn-group-.ng-btn-group-lg.ng-btn-group-md.ng-btn-group-sm.ng-btn-split.ng-btn-split-bare.ng-btn-split-icon Tokens
--ng-btn-border-width--ng-btn-disabled-opacity--ng-btn-focus-offset--ng-btn-focus-outline--ng-btn-font-size--ng-btn-font-weight--ng-btn-line-height--ng-btn-padding-x--ng-btn-padding-y--ng-btn-radius--ng-btn-spinner-border--ng-btn-spinner-size--ng-btn-spinner-speed--ng-btn-transition