Component Preview

Form controls and upload surfaces for admin workflows

Single Upload
0
Default mode with one-file selection.
Multiple Upload
0
Supports multi-file explorer and drag drop.
Modal Upload
0
Same component rendered inside modal context.

Selected Media Result

Raw object data returned from Media Library (array of objects)

No media selected yet.

Select Preview

Single, autocomplete, and multiple selection states

 
Search floor...
Available
Room status must be updated
Newest
Select options...
Select options...

Input Preview

Baseline input styles used by the form system

Invalid phone number format

Choice Preview

Checkbox and radio controls aligned with the form component kit

KeyControl
Is Featured
Priority Mode

Dropzone Preview

Single and multiple upload with configurable preview placement

Inside Preview
Default single upload. Preview stays inside the drop area.

Click or drag one file to upload

Single file mode with inline preview

Max file size: 10 MB. Split large uploads into smaller batches.

Single mode enabled

No file selected yet
Outside Preview
Multiple upload with preview grid rendered outside the drop area.

Upload multiple files

Images, videos, documents, or any other project assets

Max file size: 10 MB. Split large uploads into smaller batches.

Multiple mode enabled

No file selected yet

Alert Preview

Toastr, modal alert, and filled note models

Multi Tag Preview

String and object tag modes

featured
hotel

DataTable Preview

Search, filter toolbar, row actions, and pagination

All Status
Name
Type
Status
Actions
Hero BannerImageactive
Intro VideoVideoactive
Pricing SheetDocumentdraft
Gallery CoverImageactive

Page 1 of 1

Tree Preview

Hierarchical data with isolated action props and style variants

Category Tree

Manage nested categories quickly

Room Types
Deluxe Room
Superior Room
Facilities
Wi-Fi
Pool Access