Repository navigation
v1.14
-
ModalWrapper (new)
- Added new modal window wrapper component based on Bulma modal.
- Supports
title,size,className,dataprops. - Action buttons in footer via
actionsprop (array of ButtonProps). - Close behavior options:
showCloseButton,closeOnBackgroundClick,closeOnEscape. - Keyboard support: close on Escape, optional
onEnterPresshandler.
-
Number
- Added the
resetToDefaultOnBlurprop: when enabled, resets the value todefaultValue(or0if not specified) on focus out if the field is empty.
- Added the
-
Search
- Added optional search icon (magnifying glass) via
showIconprop. Icon size matches the input field size.
- Added optional search icon (magnifying glass) via
-
Switch (new)
- Added new toggle/switch component with Bulma styling.
- Supports
size,style(color),label,name,onValueChange,defaultValue,classNameprops. - Additional style options:
rounded(pill shape),outlined,thin,rtl(right-to-left mode). - Supports form label mode via
isFormLabelprop.
-
Slider (new)
- Added new range/slider component with Bulma styling.
- Supports
min,max,step,size,style(color),defaultValue,onValueChange,classNameprops. - Additional options:
showValue(tooltip with current value),showMinMax(min/max labels),showProgress(filled track). - Supports vertical mode via
verticalprop with configurable height. - Circle style thumb available via
circleprop. - Added
valuePositionprop to position the value tooltip below the slider ("bottom") in horizontal mode. - Tooltip positioning now adjusts based on thumb size for all sizes (Small, Normal, Medium, Large).
- Custom value formatting via
valueFormattercallback.
-
RadioGroup (new)
- Added new radio group component for single selection from multiple options.
- Supports
items,value,onValueChange,size,style(color),name,classNameprops. - Additional style options:
horizontal(row layout),block(filled background),circle,withoutBorder,hasBackgroundColor. - Each item can be individually disabled.
-
Stepper (new)
- Added new stepper/progress indicator component for multi-step workflows.
- Supports
steps,currentStep,size,color,classNameprops. - Additional options:
vertical(vertical layout),showNumbers(step numbers vs checkmarks),showConnectors(lines between steps),animated(connector animations). - Clickable steps support via
clickableandonStepClickprops for navigating to completed steps. - Each step can have a title, description, and optional custom icon.
-
Timeline (new)
- Added new timeline component for displaying chronological events.
- Supports
items,size,color,classNameprops. - Layout options:
leftAligned(default, markers on left) or centered mode with alternating content. - Additional options:
showConnectors,animated(fade-in animation),hollow(outlined markers). - Supports
showTimestampsSeparatefor displaying timestamps on opposite side in centered mode. - Each item can have title, content, timestamp, icon, marker, and individual color override.
-
TimePicker (new)
- Added new time input component for hours/minutes/seconds selection.
- Supports
defaultValue,onValueChange,size,style,name,classNameprops. - Time value represented as object with
hours,minutes, and optionalsecondsfields. - Additional options:
showSeconds(enable seconds input),step(value increment in seconds),min,max(time range limits). - Supports all standard input features:
rounded,loading,disabled,readonly, validation states, labels, and hints.