DEV Community: Plamena Radneva

The ng-sq-ui project is back more customizable than ever! + Brand new Rewards Program

Plamena Radneva — Sat, 08 May 2021 14:25:13 +0000

Some exciting component enhancements ✨

This project was started with the idea of being flexible when it comes to styling; it allows the developer to opt-out of the pre-packaged theme, without leaving the theme-specific classes in the markup.

Staying true to its original intent, the latest version - 1.3.1 - now comes with form controls that are not only style-independent but also allow custom templating.

Here is an example of the above with the TagsInputComponent:

The component was enhanced to employ the ngTemplateOutlet directive to allow the developer to customize the markup for the entered tags. Additionally, no themes were included in the angular.json file - all the CSS responsible for the look can be found in styles.css.

The other components that you can now customize are:

Clicking on a list item will take you to the component docs with its corresponding StackBlitz example. If you want to check them out in production action, you can do so by visiting our site.

Our team is on the lookout for bounty hunters! 🕵️

We would like to reward people who put in effort to help develop this project further with DEV tokens! You can be rewarded up to 5 DEV tokens depending on your contribution - issuing a feature request, completing a feature or fixing bugs. Be sure to take a look at our Rewards Program T&C.

And last but not least...

We would like to thank anyone who supports us by starring our repo or staking on our project! If you have a burning question or just want to drop us a line, feel free to join our Slack channel!

Introducing: ng-sq-ui 1.1.0

Plamena Radneva — Mon, 11 Feb 2019 11:07:19 +0000

We are super excited to announce the release of ng-sq-ui 1.1.0!

Here’s what’s new:

Separated all standalone modules as packages. You can now install only what you need - @sq-ui/ng-sq-common, @sq-ui/ng-datatable, @sq-ui/ng-datetime-picker, @sq-ui/ng-modal.

NEW feature @sq-ui/ng-datatable!
The datatable you need,readily available as a standalone package, no other stuff required!

Documentation Updates!
As of this release, we have multiple packages and the documentation is now better structured to represent those.

Updated examples!
All gif images are removed. Instead, Stackblitz examples are provided for each feature and module.

List of all Stackblitz examples:
@sq-ui/ng-datatable: https://ng-sq-datatable.stackblitz.io
@sq-ui/ng-sq-common: https://ng-sq-ui-progress-bar.stackblitz.io
@sq-ui/ng-datetime-picker: https://ng-sq-ui-datetime-picker.stackblitz.io
@sq-ui/ng-modal: https://ng-sq-ui-modal.stackblitz.io

Deployment updates!
We have improved our automatic deployment and the latest version of the documentation will be available on https://sq-ui.github.io/ng-sq-ui/#/. We have also revamped out live examples app which you can now find on https://ng-sq-ui.xyz/!

Communication updates!
Added https://spectrum.chat/sq-ui community for public releases.
Added new slack channel for general SQ-UI discussions http://bit.ly/ng-sq-slack. (Spoiler: at some point this year, we’d try to release SQ-UI for Vue as well! We’d love to hear your suggestions and/or opinions!)

Old NG-SQ-UI slack channel (http://bit.ly/ng-sq-ui-slack) will be left for development needs and Angular-specific development.
New contact email: contact@sq-ui.xyz

Statistics for the current release
101 Commits, 52 PRs, 92 files changed, and a ton of code added :D