https://github.com/genexuslabs/web-controls-library

A library of reusable custom elements for GeneXus web applications
https://github.com/genexuslabs/web-controls-library

custom-elements genexus library npm stenciljs

Last synced: 9 months ago
JSON representation

A library of reusable custom elements for GeneXus web applications

• Host: GitHub
• URL: https://github.com/genexuslabs/web-controls-library
• Owner: genexuslabs
• License: apache-2.0
• Created: 2018-01-23T18:55:06.000Z (over 8 years ago)
• Default Branch: master
• Last Pushed: 2025-07-09T20:27:56.000Z (12 months ago)
• Last Synced: 2025-08-29T08:41:40.326Z (10 months ago)
• Topics: custom-elements, genexus, library, npm, stenciljs
• Language: TypeScript
• Homepage:
• Size: 5.7 MB
• Stars: 16
• Watchers: 12
• Forks: 4
• Open Issues: 2
• Metadata Files:
  • Readme: readme.md
  • Contributing: CONTRIBUTING.md
  • License: LICENSE

Awesome Lists containing this project

README

          
![Built With Stencil](https://img.shields.io/badge/-Built%20With%20Stencil-16161d.svg?logo=data%3Aimage%2Fsvg%2Bxml%3Bbase64%2CPD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDE5LjIuMSwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IgoJIHZpZXdCb3g9IjAgMCA1MTIgNTEyIiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCA1MTIgNTEyOyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI%2BCjxzdHlsZSB0eXBlPSJ0ZXh0L2NzcyI%2BCgkuc3Qwe2ZpbGw6I0ZGRkZGRjt9Cjwvc3R5bGU%2BCjxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik00MjQuNywzNzMuOWMwLDM3LjYtNTUuMSw2OC42LTkyLjcsNjguNkgxODAuNGMtMzcuOSwwLTkyLjctMzAuNy05Mi43LTY4LjZ2LTMuNmgzMzYuOVYzNzMuOXoiLz4KPHBhdGggY2xhc3M9InN0MCIgZD0iTTQyNC43LDI5Mi4xSDE4MC40Yy0zNy42LDAtOTIuNy0zMS05Mi43LTY4LjZ2LTMuNkgzMzJjMzcuNiwwLDkyLjcsMzEsOTIuNyw2OC42VjI5Mi4xeiIvPgo8cGF0aCBjbGFzcz0ic3QwIiBkPSJNNDI0LjcsMTQxLjdIODcuN3YtMy42YzAtMzcuNiw1NC44LTY4LjYsOTIuNy02OC42SDMzMmMzNy45LDAsOTIuNywzMC43LDkyLjcsNjguNlYxNDEuN3oiLz4KPC9zdmc%2BCg%3D%3D&colorA=16161d&style=flat-square)

[![CircleCI](https://circleci.com/gh/genexuslabs/web-controls-library/tree/master.svg?style=shield&circle-token=a12a1b62035cdd748917122ca67ae9c32a1c408a)](https://circleci.com/gh/genexuslabs/web-controls-library/tree/master)

[![code style: prettier](https://img.shields.io/badge/code_style-prettier-ff69b4.svg?style=flat-square)](https://github.com/prettier/prettier)

# GeneXus Web Controls Library

A custom elements based controls library for GeneXus web generators, created using [StencilJS](https://stenciljs.com/).

## Getting Started

```bash

npm install

npm start

```

## Running the tests

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

```bash

npm test

```

## Building for production

To build the library for production, run:

```bash

npm run build

```

## Using this components library

### Script tag

- Put a script tag similar to this `` 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 `` 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](https://github.com/genexuslabs/web-controls-library/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.