Custom Web Components (CWC)

Pre-Built, Hand Rolled Components, Ready to Use

Custom Web Components are a set of pre-built hand rolled components, ready to go. From base components for simple tags, through to controls for forms and structure for your pages. this growing library can offer styleable shadowed components to get you going, resources for storage and requests as well as page structure, menuing and routing.

At the heart of this growing library is the need, the want to simplify, make application development a pleasure, rather than the usual chore of build tools, compilations, rebuilds, watching... Simply plug in, and go.

Try the full material based icon sets, build forms using inputs, select boxes, box selectors, radio buttons and switches. Coming with ready to go authentication overlays that can handle full JWT based authentication to API's, follow our other projects to built full AWS lambda stacks through cloud formation. Style your components too through the use of style variables to tweak and manage the look and feel of the components.

Pre-Built Components

<cwc-base-tag>Some Text</cwc-base-tag>

<cwc-control-input type="number"></cwc-control-input>

<cwc-resource-router .route="${this.route}" .routes="${this.routes}"></cwc-resource-router>

<cwc-overlay-help>This is a help message...</cwc-overlay-help>

<cwc-overlay-modal><div slot="body"></div></cwc-overlay-modal>

Icons

<cwc-icon-material-general name="check"></cwc-icon-material-general>

<cwc-icon-brand-prefix-a name="activision"></cwc-icon-brand-prefix-a>

Resources and Tools

this._request = new CWCResourceRequest(Config.systemKey);

this._store = new CWCResourceStore(Config.systemKey);

Base

<cwc-base-xxx>

Base level components, simple reusable things like tags, badges and more. Base level components offer the basics used throughout your application.

Base Components

Capture

<cwc-capture-xxx>

Mainly centered around data capture, these components come in all int the form of self validating form inputs, buttons, switches and more.

Capture Components

Control

<cwc-control-xxx>

Mainly centered around control, these components help you to interact with the user interface by performing actions on the page.

Control Components

Icon

<cwc-icon-[set]-xxx-yyy>

Bringing SVG icon sets to applications, the icon group of components currently pull in the full material iconset, with more to follow as sets become available.

Icon Components

Layout

<cwc-layout-xxx>

The following is a list of functions and directives we pass through custom web component to allow you to import them right from ustom Web Component.

Layout Components

Overlay

<cwc-overlay-xxx>

The following is a list of functions and directives we pass through custom web component to allow you to import them right from ustom Web Component.

Overlay Components

Resource

<cwc-resource-xxx>

The following is a list of functions and directives we pass through custom web component to allow you to import them right from ustom Web Component.

Resource Components