IntegralUI Web

Native Web Components for Angular, React and Vue


IntegralUI SideBar
Adds custom content panel that appears by sliding from page side over main content
Appearance
  • Customize the appearance of every control part: background, border and tabs
  • Each tab can have a custom icon
  • Color Schemes: Dark and Light
  • Option to create your own Themes
  • Option to change the overall appearance using your own custom settings with conditions
Data
Create or load tabs from custom data sources
  • Data binding between SideBar and custom tab objects
  • Option to load tabs from JSON
  • Add and remove tabs on demand
Events
Control the flow of operations using events
  • Expanding/Collapsing events
  • Tab selection events
  • Resizing events
  • Other standard events when component state changes
Layout
Organize each tab content in custom layouts
  • Tabs can appear on each side: Top, Right, Bottom or Left
  • Multiple SideBars on different sides
  • Add your own HTML content to each tab
  • Tabs can auto-hide their content, which can appear on top of parent container
  • Each tab can have its own template or templates can be shared
  • You can change the template content based on custom conditions
  • Option to add other components or custom HTML elements inside templates
  • Each tab can have an icon
  • Each tab can have its own context menu or tooltip
  • Aligns tabs on different sides within the same sidebar
Selection
Expand/Collapse tabs
  • Option to select a tab from code
  • Tab selection is accompanied with events
Tooltips
Show customizable tooltips
  • Each tab can have its own tooltip
  • Choose how soon a tolltip will popup, and how long should remain visible