@neutron-ui/fast-preview v1.0.12-alpha

FAST Preview

Web Component for previewing FAST-based web components

Uses the custom elements manifest JSON format.

<fast-preview
  id="preview-element"
  attributes-panel
></fast-preview>

import manifest from '...manifest.json';
import { FASTPreview } from '@tac-elements/fast-preview';
const preview = document.getElementById('preview-element')!;

preview.elementData = getCustomElement(manifest, 'Button');

Features

• Uses CustomElement definitions from a custom-elements-manifest file.
• Can use custom definitions based on the CustomElement schema for customizing the component preview that gets rendered.
• Can render a FAST Component, with controls to configure any attributes defined on the element.

Known Issues

This is an alpha with a lot of rough edges, so several issues are to be expected.

• Attribute TextFields that get cleared out throw an exception.

In Progress Features

• Panel to customize internal slots
• Panel to customize internal CSS Parts
• Panel to customize CSS Custom Properties
• Types for custom data format
• Automatic component & Design System registration