FAST Element


The fast-element library is a lightweight means to easily build performant, memory-efficient, standards-compliant Web Components. FAST Elements work in every major browser and can be used in combination with any front-end framework or even without a framework.

Installation

$3

To install the latest fast-element library using npm:

``shell
npm install --save @microsoft/fast-element
`

Within your JavaScript or TypeScript code, you can then import library APIs like this:

`ts
import { FASTElement } from '@microsoft/fast-element';
`

$3

A pre-bundled script that contains all APIs needed to build web components with FAST Element is available on CDN. You can use this script by adding type="module" to the script element and then importing from the CDN.

`html







`

The markup above always references the latest release. When deploying to production, you will want to ship with a specific version. Here's an example of the markup for that:

`html

``

:::note
For simplicity, examples throughout the documentation will assume the library has been installed from NPM, but you can always replace the import location with the CDN URL.
:::

:::tip
Looking for a quick guide on building components? Check out our Cheat Sheet.
:::