https://github.com/mjlee111/javascripts
Custom UI Elements JavaScripts
https://github.com/mjlee111/javascripts
Last synced: 6 months ago
JSON representation
Custom UI Elements JavaScripts
- Host: GitHub
- URL: https://github.com/mjlee111/javascripts
- Owner: mjlee111
- Created: 2024-08-13T05:57:00.000Z (over 1 year ago)
- Default Branch: master
- Last Pushed: 2024-08-14T03:21:49.000Z (over 1 year ago)
- Last Synced: 2024-12-28T19:45:22.624Z (12 months ago)
- Language: CSS
- Homepage:
- Size: 2.93 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Custom UI Elements
This project includes custom implementations of various UI components such as Tabs, ComboBoxes, Sliders, etc using HTML, CSS, and JavaScript. The components are designed to be draggable and droppable, providing a flexible way to integrate them into web applications.
## Components
### 1. Tab Widget
The Tab Widget allows for switching between different content panels using tabs. It supports multiple instances and includes basic drag-and-drop functionality.
- **CSS**: `css/tabWidget.css`
- **JavaScript**: `js/tabWidget.js`
### 2. ComboBox
The ComboBox component provides a dropdown list that allows users to select an option. It supports basic styling and functionality along with drag-and-drop capability.
- **CSS**: `css/comboBox.css`
- **JavaScript**: `js/comboBox.js`
### 3. Slider
The Slider component allows users to select a value from a range by sliding a handle. It includes drag-and-drop functionality.
- **CSS**: `css/slider.css`
- **JavaScript**: `js/slider.js`
## Usage
1. Clone the repository:
```bash
git clone
```