Getting Started
The fast-element library is a lightweight means to easily build performant, memory-efficient, standards-compliant Web Components.
Defining Elements
To define a custom element, begin by creating a class that extends FASTElement and decorate it with the @customElement decorator, providing the element name.
Declaring Templates
While you can create and update nodes in the Shadow DOM manually, FASTElement provides a streamlined templating system for the most common rendering scenarios.
Using Directives
In addition to declaring dynamic parts of templates with expressions, you also have access to several powerful directives, which aid in common scenarios.
Observables and State
To enable binding tracking and change notification, properties must be decorated with either @attr or @observable.
Working with Shadow DOM
See how our custom elements can be composed together with standard HTML or other custom elements.
Leveraging CSS
Similar to HTML, FASTElement provides a css tagged template helper to allow creating and re-using CSS.
Next Steps
Now that you're familiar with the robust and powerful features of FASTElement, you're ready to build your own components and apps.