📄️ Widget
In Cedro, a widget forms the foundation of every component you use to design intuitive and functional user interfaces. All UI components provided by Cedro inherit from the widget class, ensuring seamless integration and a consistent development experience. In other words, every component in Cedro is a widget.
📄️ Icon
An Icon is based on Google Fonts Icons that is usually used as part of other widgets. For example, to display an icon within a Button.
📄️ Button
The Button widget is generally used to trigger a callback function that is called when the button is pressed.
📄️ Checkbox
A checkbox widget is a user interface component that allows users to select one or multiple options from a set. Represented by a small square, it can be checked or unchecked and generally has an associated text label.
📄️ Container
The Container is a versatile and essential widget designed to hold and organize child widgets. With the ability to align its contents either horizontally or vertically, the Container provides a flexible foundation for building structured and adaptable user interfaces.
📄️ HPanel
The HPanel is a dynamic container widget designed to hold two child widgets aligned horizontally. Featuring an adjustable splitter between the widgets, HPanel allows users to resize the width of the child widgets effortlessly.
📄️ IconButton
The IconButton widget is generally used to trigger a callback function that is called when the button is pressed.
📄️ Label
A Label is a text label that is usually used as part of other widgets. For example, to display text within a Button. It can be based on HTML tags like span (by default), h1-h6, or p.
📄️ ProgressBar
The ProgressBar widget is used to display the progress of a long-running operation. It provides a graphical representation of the progress made. It always displays a progress bar and can optionally show the percentage completed.
📄️ RadioButton
A RadioButton widget is a user interface component that allows users to select one option from a set. Represented by a small circle, it can be checked or unchecked and generally has an associated text label.
📄️ Switch
A Switch widget is a user interface component that allows users to select one option from a set. Represented by a small switch, it can be checked or unchecked and generally has an associated text label.
📄️ Tabs
The Tabs component is a widget that organizes its child elements into pages, which can be switched between using tab labels along one edge. The tabs can be arranged either vertically or horizontally.
📄️ Textbox
The Textbox widget is a single line text entry widget. A fairly large set of key bindings are supported by default. If the entered text is longer than the allocation of the widget, the widget will scroll so that the cursor position is visible.
📄️ ToggleButton
Desc...
📄️ Toolbar
The Toolbar is a versatile designed to facilitate the creation of dynamic and customizable toolbars in web applications. This widget allows developers to add and organize other widgets, such as buttons, menus, icons, and more, within a toolbar structure.
📄️ ValueBar
The Value widget is a slider control used to select a numeric value.
📄️ VPanel
The VPanel is a dynamic container widget designed to hold two child widgets aligned vertically. Featuring an adjustable splitter between the widgets, HPanel allows users to resize the width of the child widgets effortlessly.