📄️ 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.