ReactComponent
Custom built with React, this component offers extensive flexibility and integration capabilities. ReactComponents can be anything from simple buttons to complex data visualizations, tailored to specific functionalities and interactions required by the application.
They leverage React's efficient rendering and state management, allowing for dynamic and responsive user interfaces. These components are essential for building modern, scalable, and interactive web applications.
Examples
Various examples showcasing different configurations of the component
Property
Value
Component
{"code":"function MyComponent({ name, onClick }) {\n return (\n <div className=\"my-component\" onClick={onClick}>\n Hello {name}!\n </div>\n );\n}\nrender(MyComponent);","css":".my-component {\n color: #999;\n}"}
Properties
Each component can be customized and configured based on product requirements. You can modify the component on Canonic by clicking on the component and opening the configuration panel.
Property
Description
Default Value
Type
Component
The code and styles for the component.
Code css
Inputs
Array