This is a collection of web components that make use of web-component-base-class Usage examples of the web components can be found in the examples folder.
To install run
npm install --save vicowa-web-components
You can test the examples if you do the following in the project where you added this as a dependency:
npm install --save-dev http-server
Start the server
node ./node_modules/http-server/bin/http-server -c-1 -p 8989
http://localhost:8989/node_modules/vicowa-web-components/dist/examples and open any of the example folders.
string web component that has build in translation features.
Creates a collection of svg based icons that can be used through vicowa-icon
Shows an icon from a collection of icons
Text input field with build-in validation support
A optionaly collapsible panel, containing a header and footer
Place this web component within a positioned block element (e.g.) to be able to detect if the parent div's size changes.
A two section block element where one of the sections is a collapsible panel. Its intended use is as part of the main web layout to support a collapsible navigation section or collapsible property section The collapsible panel can be either on-top or in-place and will switch to on-top by default when the total size shrinks beyond a certain point. The collapsible panel can be positioned at either of the 4 sides.
A control that shows a grid of data like a spreadsheet, but actually uses a "virtual" system to allow big data sets to be shown without creating a large amount of DOM elements.