Genesis Foundation Web Core


foundation-web-core re-exports FAST classes.

API Docs

Installation

``sh
npm i @genesislcap/foundation-web-core
`

Features

$3

This package re-exports the following Microsoft FAST packages:

- fast-colors: Provides color utilities and color system support.
- fast-components: Collection of web components designed according to the FAST Design System.
- fast-element: Lightweight base class for creating custom elements.
- fast-foundation: Provides foundational behaviors and utilities for web components.
- fast-router: Router implementation for single-page applications.
- fast-web-utilities: Collection of utility functions for web component development.

$3

Additionally, this package exports a directives folder containing the following files:

- sync.ts: Implementation of a directive for synchronous data binding.
- when-else.ts: Implementation of a directive for conditional rendering using whenElse clause.

Usage

To utilize the features provided by this package, you can import @genesislcap/foundation-web-core.

`typescript
import { css, customElement, FASTElement, html, sync } from '@genesislcap/foundation-web-core';

@customElement({
name: 'my-custom-element',
template: html
value="${sync((x) => x.syncedValue)}"
>
,
styles: css
:host {
...
}
,
})
export class MyCustomElement extends FASTElement {
...
}
``

License

Note: this project provides front-end dependencies and uses licensed components listed in the next section; thus, licenses for those components are required during development. Contact Genesis Global for more details.

$3

Genesis low-code platform