Diagram

Renders a Tangular template inside a scrollable diagram that resizes to its parent, with an optional reversed layout

Live preview

Open in new tab ↗

Configuration:

  • parent {String} optional, a container with fixed height, can be window. Default value: parent element.
  • margin {Number} optional, a top/bottom margin together (default: 0)
  • marginxs {Number} optional, a top/bottom margin together for xs screen width
  • marginsm optional, a top/bottom margin together for sm screen width
  • marginmd optional, a top/bottom margin together for md screen width
  • marginlg optional, a top/bottom margin together for lg screen width
  • reverse {Boolean}, reverses diagram

Author

More UI components

Browse all 348