UI Components

Building Custom Components

Summary

  • AdapTable Vanilla lets you extend the UI with bespoke content via render functions and AdapTable Forms
  • Each Custom Component has its own guide under UI Components with vanilla DevSteps and demos

The AdapTable UI, and associated components, is designed to be fully extensible.

Note

We expect developers to add additional, bespoke components to meet their requirements

You can add the following custom components using TypeScript and HTML returned from render callbacks.

Custom ComponentUI guide
Dashboard ToolbarsCustom Toolbars
Tool PanelsCustom Tool Panels
Settings PanelsCustom Settings Panels
Column Menu ItemsCustom Column Menu Items
Context Menu ItemsCustom Context Menu Items
WindowsCustom Popups
Progress IndicatorsCustom Progress Indicators

Note

  • These pages use the Vanilla framework picker setting to see the render-based workflow
  • For AdapTable React, Angular, or Vue change the Framework Picker in the header as required
PreviousProgress IndicatorsNextTheming the UI