Widgets are a fundamental component of our platform, providing interactive elements that enhance user experience. Below, you'll find detailed documentation on the various widgets available.

Overview

Widgets are small, reusable UI components that can be easily integrated into your application. They range from simple buttons and input fields to complex data visualizations and form elements.

Types of Widgets

Here's a list of some common widgets and their descriptions:

  • Button: A clickable element that triggers an action when clicked.
  • Input: Allows users to input text or other data.
  • Select: Provides a dropdown menu for selecting an option from a list.
  • Checkbox: Allows users to select multiple options from a list.
  • Radio Button: Allows users to select only one option from a list.
  • Slider: Allows users to select a value from a range using a slider.

Using Widgets

To use a widget, you need to:

  1. Import the widget from the widgets module.
  2. Create an instance of the widget with the desired properties.
  3. Add the widget to your application's UI.

Example

Here's an example of how to use a Button widget:

import Button from 'widgets/Button';

const myButton = new Button({
  text: 'Click Me',
  onClick: () => alert('Button clicked!')
});

document.body.appendChild(myButton);

Resources

For more information on widgets, check out the following resources:

Widgets Example