Introduction
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.
Installation
To install run
npm install --save vicowa-web-components
Examples
You can test the examples by starting the server
Start the server
npm start
Browse to http://localhost:8989 and open any of the example folders.
vicowa-string
string web component that has build in translation features.
vicowa-icon-set
Creates a collection of svg based icons that can be used through vicowa-icon
vicowa-icon
Shows an icon from a collection of icons
vicowa-input
Text input field with build-in validation support
vicowa-panel
A optionally collapsible panel, containing a header and footer
vicowa-resize-detector
Place this web component within a positioned block element (e.g.
) to be able to detect if the parent div's size changes.vicowa-sidebar
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.
vicowa-data-grid
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.