NexoreUI
2.0
InstallationComponentsIconsTemplatesNewNexore MakePricing
Create Project
GitHub
NexoreUI
2.0
Navigation
InstallationComponentsIconsTemplatesNexore MakeCreate Project
InstallationComponents OverviewIcons
Categories (65)
ButtonInputCheckboxSelectSwitchSliderRatingFile Upload
CardAccordionTabsTableStepperScroll AreaNavigationDockData DisplayChartsCommerce
Modal (Dialog)AlertBadgeAvatarTooltipProgressSkeletonLoadersToasterSocial
Aurora Border CardAurora Search PillAI Prompt InputCommandInteractive Code BlockPro AI
Media ShowcaseOverlays & DrawersPro ButtonsPro DashboardsPro E-CommercePro FeedbackPro FormsPro InputsPro LayoutsPro ListsPro MarketingPro NavigationPro TablesSpecial FormsUltra Components
OverviewPro CardsPro ObjectsSoundPulseSilkUnveilNode Flow Graph
NexoreUI v2.0Studio
DocsSpecial Forms

Special Forms

Special form elements: visual radio cards, numeric steppers, and drag-and-drop dropzones.

On This Page
Quick ActionsProject StudioNewNexore Make (AI)Source on GitHub
Special Form Elements

Special Forms

Visual selection cards, numeric steppers, drag-and-drop file dropzones, and interactive rating controls for modern form flows.

npx nexoreui add special-forms

Interactive Radio Card

Selectable card container that functions as an enhanced radio input for plan/tier choices.

component.tsx
1

Numeric Quantity Stepper

Touch-friendly number increment and decrement control with boundary locks.

3
component.tsx
1

Interactive Drag-and-Drop Dropzone

Visual upload area supporting drag over states, file format badges, and click triggers.

Click or drag file to this area to upload

Support for a single or bulk upload.

component.tsx
1

Star Rating Input

Interactive rating widget supporting hover highlighting and fractional click feedback.

component.tsx
1

Accessibility (a11y)

  • Radio Groups: Radio cards maintain role='radio' and aria-checked states.
  • Stepper Controls: Increment/decrement buttons include explicit aria-label tags.