dnn-elements (HTML Custom Elements)

This is a collection of reusable HTML custom elements (WebComponents) for Dnn.

DEMO

A demo site is available as a playground for all current components, along with documentation.

Stencil

Stencil is a compiler for building fast web apps using Web Components.

Stencil combines the best concepts of the most popular frontend frameworks into a compile-time rather than run-time tool. Stencil takes TypeScript, JSX, a tiny virtual DOM layer, efficient one-way data binding, an asynchronous rendering pipeline (similar to React Fiber), and lazy-loading out of the box, and generates 100% standards-based Web Components that run in any browser supporting the Custom Elements v1 spec.

Stencil components are just Web Components, so they work in any major framework or with no framework at all.

Usage (No Framework)

npm

npm install @dnncommunity/dnn-elements

yarn

yarn add @dnncommunity/dnn-elements

Usage (React)

npm

npm install @dnncommunity/dnn-elements-react

yarn

yarn add @dnncommunity/dnn-elements-react

Usage (Angular)

Stay tuned - coming soon.

Usage (Individual Components)

Usage of each component is documented within the component folder right here on GitHub, along with some code samples too.