Widget Components Reference
You can find here documentation for all ReactJS components developed by the Cloudify 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:
- Cloudify UI Components - Shared React components developed by the Cloudify team (GitHub repository)
- React-Leaflet - React components for Leaflet maps
- Semantic UI React - The official Semantic UI React integration.
Cloudify UI Components
Components from Cloudify 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 can be accessed using Stage.Basic.Leaflet global object:
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.