UCC-UI

This is a UI library that extends UCC with custom UI components. It provides TypeScript-based components and hooks for building custom user interfaces.

Getting Started

npm install --save @splunk/add-on-ucc-framework
# or
yarn add @splunk/add-on-ucc-framework

Usage

Import a base class to extend for your custom UI components. If you're using TypeScript, you'll have static type support in lifecycle methods.

import React from "react";
import ReactDOM from "react-dom";
import { CustomControlBase } from "@splunk/add-on-ucc-framework";

export default class MyCustomControl extends CustomControlBase {
  render() {
    ReactDOM.render(
      <input value={this.data.value} />,
      this.el,
    );
  }
}

Refer to the splunk-example-ta repository for more examples.