Plugin Name: Triangle Slider Category: Visual Elements / Slider

How to Use:

1. Drag the "Visual element" from the plugin panel onto your page.
2. It will not show any field or label on the page — only the triangle slider.
3. The triangle handle is symmetrical and moves smoothly from left to right.
4. You can access two states:
  → value: a number between 0 and 100
  → color\_code: changes based on value (light green under 50, dark green 50 and above)
5. Use these states in workflows or conditions to drive logic or UI changes.



Output States:

→ value (number): the current position of the slider
→ color\_code (text): a HEX color code, based on the slider value



Example Use Cases:

→ Dynamic color selector
→ Intensity or confidence level
→ Slider-based API control
→ Mobile-friendly drag interface


Drag the slider and handle smoothly changes value — clean, responsive, and fully customizable.