Files
gh-vuer-ai-vuer-skill-marke…/docs/form-inputs/playground.md
2025-11-30 09:05:04 +08:00

1.3 KiB

Form Inputs Playground

This page appears to be a demonstration/showcase page for the Vuer UIKit form components rather than a documentation article with detailed explanations.

Available Components Displayed

The playground showcases interactive examples of:

  • Text Input - with various label positioning options (left, top, with sub-labels)
  • Toggle - switch control
  • Input Groups - both vertical and horizontal layouts
  • Textarea - multi-line text input
  • Selectors - dropdown/select components
  • Number Inputs - including:
    • Steps (with configurable increments)
    • Interval controls
  • Radio Groups - both vertical and horizontal layouts
  • Preset Inputs - with values like 10, 20, 30
  • Color Picker - with hexadecimal input field

Component Variations

Each component type is presented with multiple configurations:

  • Different label arrangements
  • Horizontal and vertical orientations
  • Optional sublabel/helper text
  • Various state examples

Documentation Structure

This playground appears designed as an interactive testing ground rather than a reference guide. The actual implementation details and code examples would be found in the linked documentation pages for each specific input type (Input, Number Inputs, Specialized Inputs).