Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/ngx-semantic/ngx-semantic
A new take on an Angular implementation for Semantic UI
https://github.com/ngx-semantic/ngx-semantic
angular ngx ngx-semantic ngx-semantic-ui semantic-ui
Last synced: about 1 month ago
JSON representation
A new take on an Angular implementation for Semantic UI
- Host: GitHub
- URL: https://github.com/ngx-semantic/ngx-semantic
- Owner: ngx-semantic
- License: mit
- Created: 2020-04-16T17:01:26.000Z (about 4 years ago)
- Default Branch: dev
- Last Pushed: 2024-05-22T11:24:46.000Z (about 2 months ago)
- Last Synced: 2024-05-22T11:48:33.660Z (about 2 months ago)
- Topics: angular, ngx, ngx-semantic, ngx-semantic-ui, semantic-ui
- Language: TypeScript
- Homepage: https://ngx-semantic.github.io/
- Size: 3.08 MB
- Stars: 5
- Watchers: 4
- Forks: 0
- Open Issues: 6
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Lists
- awesome-angular - ngx-semantic - A new take on an Angular implementation for Semantic UI. (Table of contents / Third Party Components)
README
NgxSemantic
Website
·
Installation
## Introduction
Angular and jQuery don't go together - this is the fundamental principle of this library. It provides Angular component versions of the Semantic UI elements, views and modules, so that you don't need to add jQuery to your app.
**NOTE:** Unlike most other angular libraries that provide Semantic UI support, this library covers much more than the Semantic UI modules. It also provides Angular wrappers for the Elements, Collections, as well as Views.
## Looking for help!
There is a lot to do and few maintainers with little time :). If you'd like to help with this project, please let us know.
NgxSemantic is the Angular integration for Semantic UI. It is highly inspired by Semantic UI React and Semantic UI Vue
NgxSemantic is still **under heavy development**. Please, feel free to contribute to the [codebase](https://github.com/ngx-semantic/ngx-semantic) or to the [documentation](https://github.com/ngx-semantic/ngx-semantic-docs).
## 🚀 Installation
See the [Documentation](https://ngx-semantic.github.io/) for installation instructions and extensive examples.
## Dependencies
* [Angular](https://angular.io) (>=9.0.0)
* [Semantic UI CSS](https://semantic-ui.com/) (>=2.4.1) (jQuery is **not** required)
## Component Support
| Icon | Description |
|-------------------------|-------------------------------------------------------------------------------------|
| :white_check_mark: | Component supported by ngx-semantic. |
| :rocket: | Semantic UI plugin supported by ngx-semantic (not in Semantic UI Core). |
| :x: | Component currently unavailable. |
| :no_entry_sign: | Component not applicable to Angular. |
| Elements | Collections | Views | Modules | Behaviors |
|--------------------------------|------------------------------|-------------------------------------|---------------------------------|-------------------------------------|
| :white_check_mark: Button | :white_check_mark: Breadcrumb | :white_check_mark: Advertisement | :white_check_mark: Accordion | :no_entry_sign: API |
| :white_check_mark: Container | :white_check_mark: Form | :white_check_mark: Card | :white_check_mark: Checkbox | :no_entry_sign: Form Validation |
| :white_check_mark: Divider | :white_check_mark: Grid | :white_check_mark: Comment | :white_check_mark: Dimmer | :x: Visibility |
| :white_check_mark: Flag | :white_check_mark: Menu | :white_check_mark: Feed | :white_check_mark: Dropdown | |
| :white_check_mark: Header | :white_check_mark: Message | :white_check_mark: Item | :white_check_mark: Embed | |
| :white_check_mark: Icon | :white_check_mark: Table | :white_check_mark: Statistic | :white_check_mark: Modal | |
| :white_check_mark: Image | | | :white_check_mark: Popup | |
| :white_check_mark: Input | | | :white_check_mark: Progress | |
| :white_check_mark: Label | | | :white_check_mark: Rating | |
| :white_check_mark: List | | | :white_check_mark: Search | |
| :white_check_mark: Loader | | | :rocket: Select | |
| :white_check_mark: Rail | | | :x: Shape | |
| :white_check_mark: Reveal | | | :white_check_mark: Sidebar | |
| :white_check_mark: Segment | | | :x: Sticky | |
| :white_check_mark: Step | | | :white_check_mark: Tab | |
| | | | :x: Transition | |
## Development
To generate all library files:
```bash
$ yarn build:local
```
## Testing
To run the unit tests suite:
```bash
$ yarn test
```
## License
MIT © [Ngx-Semantic Team](https://github.com/ngx-semantic)