https://github.com/osspkg/ngx-ui
UI components for Angular
https://github.com/osspkg/ngx-ui
angular2 ngx scss ui-components uikit
Last synced: about 1 year ago
JSON representation
UI components for Angular
- Host: GitHub
- URL: https://github.com/osspkg/ngx-ui
- Owner: osspkg
- License: bsd-3-clause
- Created: 2023-01-03T01:35:57.000Z (over 3 years ago)
- Default Branch: master
- Last Pushed: 2023-08-30T05:04:02.000Z (over 2 years ago)
- Last Synced: 2023-12-07T14:42:59.242Z (over 2 years ago)
- Topics: angular2, ngx, scss, ui-components, uikit
- Language: SCSS
- Homepage: https://www.npmjs.com/package/@uxwb/ngx-ui
- Size: 695 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 3
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# @uxwb/ngx-ui
## Demo
All components are shown [here](https://ngx-ui.uxwb.ru/)
## Installation
```bash
$ yarn add @uxwb/ngx-ui
```
## Use
### styles.scss
```scss
@import "@uxwb/ngx-ui";
```
### app.module.ts
```typescript
import { UXWBUIModule } from '@uxwb/ngx-ui';
@NgModule({
...
imports: [
...
UXWBUIModule,
],
...
})
```
### Compatibility
| ngx-ui | Angular |
|--------|-----------------|
| 1.x.x | 14.x.x - 15.x.x |
## Themes
```scss
@import "@uxwb/ngx-ui/themes/rainbow";
@import "@uxwb/ngx-ui/themes/tenderness";
@import "@uxwb/ngx-ui/themes/summer";
@import "@uxwb/ngx-ui/themes/twilight";
```
### Customization variables
```css
:root {
--uxwb-color-secondary-bg: #e2e2e2;
--uxwb-color-secondary-line: #d5d5d5;
--uxwb-color-secondary-text: #000000;
--uxwb-color-warning-bg: #fff53b;
--uxwb-color-warning-line: #fff422;
--uxwb-color-warning-text: #000000;
--uxwb-color-danger-bg: #fd1f1f;
--uxwb-color-danger-line: #fd0606;
--uxwb-color-danger-text: #000000;
--uxwb-color-success-bg: #25fa96;
--uxwb-color-success-line: #0cf98a;
--uxwb-color-success-text: #000000;
--uxwb-color-info-bg: #4ea2fa;
--uxwb-color-info-line: #3595f9;
--uxwb-color-info-text: #FFFFFF;
--uxwb-color-primary-bg: #0054f3;
--uxwb-color-primary-line: #004bda;
--uxwb-color-primary-text: #FFFFFF;
--uxwb-color-dark-bg: #000000;
--uxwb-color-dark-line: black;
--uxwb-color-dark-text: #FFFFFF
}
```
## License
BSD-3-Clause License. See the LICENSE file for details.