Widget Components Reference

You can find here documentation for all ReactJS components developed by the Studio Conductor team. All of those components can be accessed in custom widget development using Stage.Basic global object. They are divided in this page into 3 sections depending on the source:

1. Studio Conductor UI Components - Shared React components developed by the Studio Conductor team (GitHub repository)
2. React-Leaflet - React components for Leaflet maps
3. Semantic UI React - The official Semantic UI React integration.

Studio Conductor UI Components

Components from Studio Conductor UI Components library can be accessed using Stage.Basic global object. For example if you want to use DataTable component use Stage.Basic.DataTable.

React Leaflet

The following components from React-Leaflet library v2 can be accessed using Stage.Basic.Leaflet global object:

• CircleMarker
• FeatureGroup
• Map
• Marker
• MarkerClusterGroup
• Popup
• TileLayer
• Tooltip

For example if you want to use Map component, access it with Stage.Basic.Leaflet.Map.

Semantic UI React

The following components from Semantic-UI-React can be accessed using Stage.Basic global object:

• Accordion
• Breadcrumb
• Button
• Card
• Checkbox
• Container
• Divider
• Grid
• Header
• Icon
• Image
• Input
• Item
• Label
• List
• Loader
• Message
• Modal
• Portal
• Progress
• Radio
• Segment
• Sidebar
• Step
• Tab
• Table

For example if you want to use Message component, access it with Stage.Basic.Message.