NG-ALAIN- Documents
Getting Started Internationalization Customize Theme Performance 组件样式 Icon
- Theme
Global Parameters Style Tools Default Layout Blank Layout theme-btnComponent-Change Style
- Service
_HttpClient SettingsServiceProject configuration MenuServiceMenu Service DrawerHelperDrawer Helper ModalHelperModal Helper TitleServiceTitle Service ResponsiveServiceResponsive Service RTLServiceRTL Service
- Router
PreloadOptionalModules
- Pipe
_dateDate keysKeys safeXSS ynBadge
ng-alain also includes a set of like bootstrap style tools, And built on the design principles developed by Ant Design. If you are familiar with Bootstrap, it will be very friendly, because all naming as close as it. Also, Install ng-alain snippets plugin in VSCode for intellisense these class names.
Usage
We have hundreds of Less variables (including ng-zorro-antd, ng-alain), some of which contain the -enabled suffix, which means that these libraries are optional.
You can to theme.less set to false, which can reduce css file size.
// I don't need masonry style
@masonry-enabled: falseParameters
| Name | Default | Description |
|---|---|---|
@scrollbar-enabled | true | Enable landscaping scrollbars |
@preserve-white-spaces-enabled | true | Fixed between buttons spacing when enabled preserveWhitespaces is true |
@form-state-visual-feedback-enabled | false | Turn on visual feedback of form invalid elements |
@hafl-enabled | true | Whether hafl image |
@abs-enabled | true | Whether abs element |
@masonry-enabled | true | Whether css masonry |
@setting-drawer-enabled | true | Whether setting drawer css |
@search-form-enabled | true | Simple style search form, DEMO |
@search__form-enabled | true | Pro style search form, DEMO |