All Projects → genexuslabs → web-controls-library

genexuslabs / web-controls-library

Licence: Apache-2.0 license
A library of reusable custom elements for GeneXus web applications

Programming Languages

typescript
32286 projects
SCSS
7915 projects

Projects that are alternatives of or similar to web-controls-library

Stencil
A toolchain for building scalable, enterprise-ready component systems on top of TypeScript and Web Component standards. Stencil components can be distributed natively to React, Angular, Vue, and traditional web developers from a single, framework-agnostic codebase.
Stars: ✭ 9,880 (+70471.43%)
Mutual labels:  custom-elements, stenciljs
anywhere-webcomponents
A UI work in progress based on custom elements (web components) for use in anywhere.
Stars: ✭ 17 (+21.43%)
Mutual labels:  custom-elements, stenciljs
Ajax Form
HTML forms on performance-enhancing drugs
Stars: ✭ 232 (+1557.14%)
Mutual labels:  custom-elements
stencil-boilerplate
A Stencil app boilerplate including routing, Redux etc.
Stars: ✭ 51 (+264.29%)
Mutual labels:  stenciljs
MoleculeJS
A library for creating fast and reactive Custom Elements
Stars: ✭ 39 (+178.57%)
Mutual labels:  custom-elements
web-components
A set of high-quality standards based web components for enterprise web applications. Part of Vaadin 20+
Stars: ✭ 322 (+2200%)
Mutual labels:  custom-elements
stencil-ds-plugins-demo
This is a demo project using the stencil-ds-plugins.
Stars: ✭ 44 (+214.29%)
Mutual labels:  stenciljs
Elements
Lazy load Angular Elements (or any other web components / custom elements ) with ease!
Stars: ✭ 223 (+1492.86%)
Mutual labels:  custom-elements
CalDOM
An agnostic, reactive & minimalist (3kb) JavaScript UI library with direct access to native DOM.
Stars: ✭ 176 (+1157.14%)
Mutual labels:  custom-elements
remark-jsx
A simple way to use React inside Markdown.
Stars: ✭ 29 (+107.14%)
Mutual labels:  custom-elements
stencil-fiber-demo
This is an example project using stencil to replicate the react fiber demo.
Stars: ✭ 17 (+21.43%)
Mutual labels:  stenciljs
block-photos
A photos app built with Ionic and Blockstack as backend.
Stars: ✭ 24 (+71.43%)
Mutual labels:  stenciljs
pattern-library
AXA CH UI component library. Please share, comment, create issues and work with us!
Stars: ✭ 103 (+635.71%)
Mutual labels:  custom-elements
corejam
A scaffolding for building progressive GraphQL powered jamstack applications.
Stars: ✭ 24 (+71.43%)
Mutual labels:  stenciljs
Tab Container Element
An accessible tab container element with keyboard support.
Stars: ✭ 238 (+1600%)
Mutual labels:  custom-elements
capacitor-site
Capacitor website
Stars: ✭ 0 (-100%)
Mutual labels:  stenciljs
Progressive Image Element
⚡️ <progressive-image> custom element
Stars: ✭ 231 (+1550%)
Mutual labels:  custom-elements
gatsby-remark-highlight-code
Adds stylish cards and syntax highlighting to code blocks in markdown files
Stars: ✭ 63 (+350%)
Mutual labels:  stenciljs
api-viewer-element
API documentation and live playground for Web Components. Based on Custom Elements Manifest format
Stars: ✭ 222 (+1485.71%)
Mutual labels:  custom-elements
stencil-mobx
No description or website provided.
Stars: ✭ 26 (+85.71%)
Mutual labels:  stenciljs

Built With Stencil CircleCI code style: prettier

GeneXus Web Controls Library

A custom elements based controls library for GeneXus web generators, created using StencilJS.

Getting Started

npm install
npm start

Running the tests

To run the unit tests for the custom elements, run:

npm test

Building for production

To build the library for production, run:

npm run build

Using this components library

Script tag

  • Put a script tag similar to this <script src='https://unpkg.com/@genexus/web-controls-library/dist/index.js'></script> in the head of your index.html
  • Then you can use the elements anywhere in your template, JSX, html etc

Node Modules

  • Run npm install @genexus/web-controls-library --save
  • Put a script tag similar to this <script src='node_modules/@genexus/web-controls-library/dist/index.js'></script> in the head of your index.html
  • Then you can use the element anywhere in your template, JSX, html etc

Authors

See the list of contributors who participated in this project.

License

Licensed under the Apache License, Version 2.0 (the "License");
you may not use this file except in compliance with the License.
You may obtain a copy of the License at

   http://www.apache.org/licenses/LICENSE-2.0

Unless required by applicable law or agreed to in writing, software
distributed under the License is distributed on an "AS IS" BASIS,
WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
See the License for the specific language governing permissions and
limitations under the License.
Note that the project description data, including the texts, logos, images, and/or trademarks, for each open source project belongs to its rightful owner. If you wish to add or remove any projects, please contact us at [email protected].