From 688be8602d289ec1aae5d4c204e9ec4b5747b185 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?L=C3=A9o=20Coletta?= Date: Wed, 15 Jan 2025 19:44:47 +0100 Subject: [PATCH] Add AI documentation for ww-input-toggle --- AI.md | 38 ++++++++++++++++++++++++++++++++++++++ 1 file changed, 38 insertions(+) create mode 100644 AI.md diff --git a/AI.md b/AI.md new file mode 100644 index 0000000..d6cd2fa --- /dev/null +++ b/AI.md @@ -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 \ No newline at end of file