Skip to content
Open
Changes from all commits
Commits
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
38 changes: 38 additions & 0 deletions AI.md
Original file line number Diff line number Diff line change
@@ -0,0 +1,38 @@
---
name: ww-input-toggle
description: The `ww-input-toggle` component provides a user-friendly toggle switch for enabling or disabling settings, featuring customizable colors and sizes, with events triggered on value changes.
keywords:
- toggle switch
- boolean value
- read-only toggle
- required input
- selector size
- selector color
- background color
- change event
- initvaluechange event
- user interface component
---

#### ww-input-toggle

Component Purpose: Renders a toggle switch for enabling/disabling options with click/tap interaction.

Properties:
- value: boolean - Initial toggle state. Default: false
- required: boolean - Input requirement. Default: true
- readonly: boolean - Read-only state. Default: false
- selectorSize: string - Height selector size percentage. Average: 60%
- selectorColorOff: string|null - Off state selector color. Default: null
- selectorColorOn: string|null - On state selector color. Default: null
- backgroundColorOff: string|null - Off state background color. Default: null
- backgroundColorOn: string|null - On state background color. Default: null

Children: none

Events:
- change: Triggered when toggle value changes. Payload: {value: boolean, domEvent: Event}
- initValueChange: Triggered when initial value changes. Payload: {value: boolean}

Variables:
- value: boolean - Current toggle state