CIA Compliance Manager — API Documentation - v1.1.50
    Preparing search index...

    Interface WidgetPropsWithLoading<T>

    Widget props with loading state

    Generic interface for widgets that load and display data asynchronously.

    interface MyData {
      value: number;
    }

    const props: WidgetPropsWithLoading<MyData> = {
      data: { value: 42 },
      loading: false,
      error: undefined
    };
    interface WidgetPropsWithLoading<T> {
        className?: string;
        testId?: string;
        children?: ReactNode;
        onError?: (error: Error) => void;
        data: T | null;
        loading: boolean;
        error?: Error;
    }

    Type Parameters

    • T

      Type of data being loaded

    Hierarchy (View Summary)

    Index

    Properties

    className? testId? children? onError? data loading error?

    Properties

    className?: string

    Optional CSS class name for custom styling

    Allows consumers to apply custom styles via CSS classes. Use Tailwind CSS classes or custom CSS classes.

    "mt-4 border-2 rounded-lg"
    testId?: string

    Optional test ID for automated testing

    Used by testing frameworks (Cypress, Vitest) to locate and interact with the component. Should follow the pattern defined in testIds constants.

    "security-widget-availability"
    children?: ReactNode

    Optional children elements

    onError?: (error: Error) => void

    Optional callback when widget encounters an error

    Type Declaration

      • (error: Error): void

      • Parameters

        • error: Error

          Error that occurred

        Returns void

    data: T | null

    Data to display in widget

    loading: boolean

    If true, widget is loading data

    error?: Error

    Error encountered while loading

    Settings

    Member Visibility

    On This Page

    Properties