Various Input

Commonly used various input component.

Installation

npx wdc add rich-text-editor
npx wdc add color-picker
npx wdc add switch
npx wdc add file-upload

Examples

Switch Field

Basic form controls

Basic Usage

Color picker with default presets and manual hex input.

Color is required.

Looks good!

Upload Variants

Choose between a large dropzone or a compact input style.

Click to upload or drag and drop

.jpg

Upload CV... Browse

Rich Textarea Field

Rich Text editor field

{
  "description": "<p>Initial <strong>bold</strong> content.</p>"
}

Upload API Reference

InputTypeDefaultDescription
variant'dropzone' | 'input''dropzone'The visual style of the upload component.
placeholderstring'Choose file...'Text displayed when no file is selected (for input variant).