Huge News!Announcing our $40M Series B led by Abstract Ventures.Learn More
Socket
Sign inDemoInstall
Socket

cleverstyle-widgets

Package Overview
Dependencies
Maintainers
1
Versions
22
Alerts
File Explorer

Advanced tools

Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

cleverstyle-widgets

Set of useful unstyled custom elements (Web Components) that work nicely with Shadow DOM

  • 0.10.3
  • latest
  • Source
  • npm
  • Socket score

Version published
Weekly downloads
0
Maintainers
1
Weekly downloads
 
Created
Source

CleverStyle Widgets

CleverStyle Widgets is a set of useful unstyled custom elements (Web Components) that work nicely with Shadow DOM, ready for convenient data bindings and doesn't enforce any appearance by default (namely, almost no styling by default, just support for many CSS mixins, so you can style them the way you need).

CleverStyle Widgets project was initially created as a part of CleverStyle Framework's UI, but now available as a separate project for everyone to use.

There are automated tests yet, if you can contribute some - definitely do so!

How to install

npm install cleverstyle-widgets

How to use

  1. Include Polymer on your page (only Polymer 2.x is supported, legacy window.Polymer is used) alongside with WebComponents polyfill with Shady DOM/CSS support (webcomponents-hi-sd-ce.js in order to support all major modern browsers)
  2. Include either src/index.html for using all components or pick relevant collection of separate components from src (make sure to include necessary bits from src/csw-0-behaviors-and-mixins too)
  3. Look at API for available elements and functions, their options and usage examples
  4. Configure appearance as you like using CleverStyle and DarkEnergy themes as an example (you can find all of the mixins that are current supported in source code), see screenshots for example of how components might look

Contribution

Feel free to create issues and send pull requests (for big changes create an issue first and link it from the PR), they are highly appreciated!

When reading source code make sure to configure 1 tab to be 4 spaces (GitHub uses 8 by default), otherwise code might be hard to read.

License

Free Public License 1.0.0 / Zero Clause BSD License

https://opensource.org/licenses/FPL-1.0.0

https://tldrlegal.com/license/bsd-0-clause-license

Keywords

FAQs

Package last updated on 17 Apr 2018

Did you know?

Socket

Socket for GitHub automatically highlights issues in each pull request and monitors the health of all your open source dependencies. Discover the contents of your packages and block harmful activity before you install or update your dependencies.

Install

Related posts

SocketSocket SOC 2 Logo

Product

  • Package Alerts
  • Integrations
  • Docs
  • Pricing
  • FAQ
  • Roadmap
  • Changelog

Packages

npm

Stay in touch

Get open source security insights delivered straight into your inbox.


  • Terms
  • Privacy
  • Security

Made with ⚡️ by Socket Inc