Variable uiConst

Type Declaration

• accordion: (props: AccordionProps) => VNode

• actions: {
      (children: readonly UiChild[]): VNode;
      (options: ActionsOptions, children: readonly UiChild[]): VNode;
  }

• appShell: (options: AppShellOptions) => VNode

• badge: (textValue: string, props?: Omit<BadgeProps, "text">) => VNode

• barChart: (
      data: readonly Readonly<
          { label: string; value: number; variant?: BadgeVariant },
      >[],
      props?: Omit<BarChartProps, "data">,
  ) => VNode

• box: (props?: BoxProps, children?: readonly UiChild[]) => VNode

• breadcrumb: (props: BreadcrumbProps) => VNode

• button: (props: ButtonProps) => VNode

• callout: (message: string, props?: Omit<CalloutProps, "message">) => VNode

• canvas: (props: CanvasProps) => VNode

• card: {
      (options: CardOptions, children: readonly UiChild[]): VNode;
      (title: string, children: readonly UiChild[]): VNode;
  }

• center: (child: VNode, options?: CenterOptions) => VNode

• checkbox: (props: CheckboxProps) => VNode

• codeEditor: (props: CodeEditorProps) => VNode

• column: (props?: ColumnProps, children?: readonly UiChild[]) => VNode

• commandPalette: (props: CommandPaletteProps) => VNode

• dialog: (props: DialogProps) => VNode

• diffViewer: (props: DiffViewerProps) => VNode

• divider: (props?: DividerProps) => VNode

• dropdown: (props: DropdownProps) => VNode

• empty: (title: string, props?: Omit<EmptyProps, "title">) => VNode

• errorBoundary: (props: ErrorBoundaryProps) => VNode

• errorDisplay: (message: string, props?: Omit<ErrorDisplayProps, "message">) => VNode

• field: (props: FieldProps) => VNode

• filePicker: (props: FilePickerProps) => VNode

• fileTreeExplorer: (props: FileTreeExplorerProps) => VNode

• focusAnnouncer: (props?: FocusAnnouncerProps) => VNode

• focusTrap: (props: FocusTrapProps, children?: readonly UiChild[]) => VNode

• focusZone: (props: FocusZoneProps, children?: readonly UiChild[]) => VNode

• form: {
      (children: readonly UiChild[]): VNode;
      (options: FormOptions, children: readonly UiChild[]): VNode;
  }

• gauge: (value: number, props?: Omit<GaugeProps, "value">) => VNode

• grid: (props: GridProps, ...children: UiChild[]) => VNode

• header: (options: HeaderOptions) => VNode

• heatmap: (props: HeatmapProps) => VNode

• icon: (iconPath: string, props?: Omit<IconProps, "icon">) => VNode

• image: (props: ImageProps) => VNode

• input: (props: InputProps) => VNode

• kbd: (keys: string | readonly string[], props?: Omit<KbdProps, "keys">) => VNode

• keybindingHelp: (
      bindings: readonly Readonly<
          { description?: string; mode: string; sequence: string },
      >[],
      options?: KeybindingHelpOptions,
  ) => VNode

• layer: (props: LayerProps) => VNode

• layers: {
      (children: readonly UiChild[]): VNode;
      (props: LayersProps, children?: readonly UiChild[]): VNode;
  }

• lineChart: (props: LineChartProps) => VNode

• link: (props: LinkProps) => VNode

• logsConsole: (props: LogsConsoleProps) => VNode

• masterDetail: (options: MasterDetailOptions) => VNode

• miniChart: (
      values: readonly { label: string; max?: number; value: number }[],
      props?: Omit<MiniChartProps, "values">,
  ) => VNode

• modal: (props: ModalProps) => VNode

• page: (options: PageOptions) => VNode

• pagination: (props: PaginationProps) => VNode

• panel: {
      (title: string, children: readonly UiChild[]): VNode;
      (options: PanelOptions, children: readonly UiChild[]): VNode;
  }

• panelGroup: (props: PanelGroupProps, children?: readonly UiChild[]) => VNode

• progress: (value: number, props?: Omit<ProgressProps, "value">) => VNode

• radioGroup: (props: RadioGroupProps) => VNode

• resizablePanel: (props?: ResizablePanelProps, children?: readonly UiChild[]) => VNode

• richText: (
      spans: readonly Readonly<
          {
              style?: Readonly<
                  {
                      bg?: number;
                      blink?: boolean;
                      bold?: boolean;
                      dim?: boolean;
                      fg?: number;
                      inverse?: boolean;
                      italic?: boolean;
                      overline?: boolean;
                      strikethrough?: boolean;
                      underline?: boolean;
                      underlineColor?: string
                      | number;
                      underlineStyle?: UnderlineStyle;
                  },
              >;
              text: string;
          },
      >[],
      props?: Omit<RichTextProps, "spans">,
  ) => VNode

• routerBreadcrumb: <S>(
      router: RouterApi,
      routes: readonly Readonly<
          {
              children?: readonly Readonly<
                  (
                      { id: string; screen: (params: Readonly<Record<string, string>>, context: Readonly<{ router: RouterApi; state: Readonly<S>; update: (updater: S | ((prev: Readonly<S>) => S)) => void; outlet: VNode | null; }>) => VNode; guard?: RouteGuard<...>; children?: readonly Readonly<...>[]; title?: string; keybinding?: string; }
                  ),
              >[];
              guard?: RouteGuard<S>;
              id: string;
              keybinding?: string;
              screen: (params: RouteParams, context: RouteRenderContext<S>) => VNode;
              title?: string;
          },
      >[],
      props?: RouterBreadcrumbProps,
  ) => VNode

• routerTabs: <S>(
      router: RouterApi,
      routes: readonly Readonly<
          {
              children?: readonly Readonly<
                  (
                      { id: string; screen: (params: Readonly<Record<string, string>>, context: Readonly<{ router: RouterApi; state: Readonly<S>; update: (updater: S | ((prev: Readonly<S>) => S)) => void; outlet: VNode | null; }>) => VNode; guard?: RouteGuard<...>; children?: readonly Readonly<...>[]; title?: string; keybinding?: string; }
                  ),
              >[];
              guard?: RouteGuard<S>;
              id: string;
              keybinding?: string;
              screen: (params: RouteParams, context: RouteRenderContext<S>) => VNode;
              title?: string;
          },
      >[],
      props?: RouterTabsProps,
  ) => VNode

• row: (props?: RowProps, children?: readonly UiChild[]) => VNode

• scatter: (props: ScatterProps) => VNode

• select: (props: SelectProps) => VNode

• sidebar: (options: SidebarOptions) => VNode

• skeleton: (width: number, props?: Omit<SkeletonProps, "width">) => VNode

• slider: (props: SliderProps) => VNode

• spacer: (props?: SpacerProps) => VNode

• sparkline: (data: readonly number[], props?: Omit<SparklineProps, "data">) => VNode

• spinner: (props?: SpinnerProps) => VNode

• splitPane: (props: SplitPaneProps, children?: readonly UiChild[]) => VNode

• status: (statusValue: StatusType, props?: Omit<StatusProps, "status">) => VNode

• statusBar: (options: StatusBarOptions) => VNode

• table: <T>(props: TableProps<T>) => VNode

• tabs: (props: TabsProps) => VNode

• tag: (textValue: string, props?: Omit<TagProps, "text">) => VNode

• text: {
      (content: string): VNode;
      (content: string, style: TextStyle): VNode;
      (content: string, props: TextProps): VNode;
  }

• textarea: (props: TextareaProps) => VNode

• themed: (themeOverride: ScopedThemeOverride, children?: readonly UiChild[]) => VNode

• toastContainer: (props: ToastContainerProps) => VNode

• toolApprovalDialog: (props: ToolApprovalDialogProps) => VNode

• toolbar: {
      (children: readonly UiChild[]): VNode;
      (options: ToolbarOptions, children: readonly UiChild[]): VNode;
  }

• tree: <T>(props: TreeProps<T>) => VNode

• virtualList: <T>(props: VirtualListProps<T>) => VNode