Component API Reference API reference for the Semantic UI Component system box Guide

Component API Reference

The Semantic UI Component system provides a powerful framework for defining and creating web components with advanced features such as key bindings, events, component instances, and integrated templating. This system is designed to work seamlessly with other Semantic UI packages, including the templating engine and reactivity system.

Installation

To use the Semantic UI Component system, install the package:

Terminal window
npm install @semantic-ui/component

Basic Usage

Import the necessary functions from the package:

import { defineComponent } from '@semantic-ui/component';

API Sections

  • Define Component - Methods for defining and creating web components
  • Web Component Base - Base class for Semantic UI web components
  • Helpers - Utility functions for component development
  • Lit Renderer - Integration with the Lit library for efficient rendering
  • Directives - Custom directives for enhanced component functionality