Renderer API Reference

These docs provide a reference to how template AST are rendered to the DOM for UI components.

Semantic currently uses Google’s Lit as its primary rendering engine, with the possibility of supporting other rendering targets in the future.

Installation

npm install @semantic-ui/renderer

API Sections

• Lit Renderer - Core rendering engine based on Lit
• Lit Directives - Custom directives for reactive rendering

Basic Usage

import { LitRenderer } from '@semantic-ui/renderer';

const renderer = new LitRenderer({
  ast: templateAST,
  data: {
    user: { name: 'John' }
  },
  template: parentTemplate
});

const html = renderer.render();