The following Unions are available in the React base.
| Name | Value | Description |
|---|
| ResizeDirections | 'South' | 'North' | 'East' | 'West' | 'NorthEast' | 'NorthWest' | 'SouthEast' | 'SouthWest' | 'All' | Specifies the available directions for resize handles when a component is resizable.
Each value represents a different edge or corner of the component that can be dragged to resize it.
South - Bottom edge; drag vertically to adjust height.North - Top edge; drag vertically to adjust height.East - Right edge; drag horizontally to adjust width.West - Left edge; drag horizontally to adjust width.NorthEast - Top-right corner; drag diagonally to adjust width and height.NorthWest - Top-left corner; drag diagonally to adjust width and height.SouthEast - Bottom-right corner; drag diagonally to adjust width and height.SouthWest - Bottom-left corner; drag diagonally to adjust width and height.All - Enables all edge and corner resize handles. |
| HorizontalAlignment | 'Left' | 'Center' | 'Right' | Specifies the horizontal alignment options for component positioning.
Left - Aligns the component to the left edgeCenter- Centers the component horizontallyRight- Aligns the component to the right edge |
| VerticalAlignment | 'Top' | 'Center' | 'Bottom' | Specifies the vertical alignment options for component positioning.
Top - Aligns the component to the top edge of the container.Center - Centers the component vertically within the container.Bottom - Aligns the component to the bottom edge of the container. |
| LabelPlacement | 'After' | 'Before' | Defines the label position of the component.
After - When the label is positioned After, it appears to the right of the component.Before - When the label is positioned Before, it appears to the left of the component. |
| LabelMode | 'Never' | 'Always' | 'Auto' | Defines the label position of the component.
Never - The label never floats; it remains in its original place regardless of input focus or content.Always - The label is always displayed in a floating position, even when the input is empty or unfocused.Auto - The label floats above the input only when the field is focused or contains a value, and returns to its default position otherwise. |
| DragDirection | 'x' | 'y' | Specifies the Direction in which drag movement happen.
x - Allows drag movement in horizontal direction only.y - Allows drag movement in vertical direction only. |
| Effect | 'FadeIn' | 'FadeOut' | 'FadeZoomIn' | 'FadeZoomOut' | 'FlipLeftDownIn' | 'FlipLeftDownOut' | 'FlipLeftUpIn' | 'FlipLeftUpOut' | 'FlipRightDownIn' | 'FlipRightDownOut' | 'FlipRightUpIn' | 'FlipRightUpOut' | 'FlipXDownIn' | 'FlipXDownOut' | 'FlipXUpIn' | 'FlipXUpOut' | 'FlipYLeftIn' | 'FlipYLeftOut' | 'FlipYRightIn' | 'FlipYRightOut' | 'SlideBottomIn' | 'SlideBottomOut' | 'SlideDown' | 'SlideLeft' | 'SlideLeftIn' | 'SlideLeftOut' | 'SlideRight' | 'SlideRightIn' | 'SlideRightOut' | 'SlideTopIn' | 'SlideTopOut' | 'SlideUp' | 'ZoomIn' | 'ZoomOut' | Specifies animation effect names used for element transitions and appearances.
FadeIn / FadeOut - Opacity-based fade transitions.FadeZoomIn / FadeZoomOut - Combined fade and zoom transitions.FlipLeftDownIn / FlipLeftDownOut - Flip rotation from left-down direction.FlipLeftUpIn / FlipLeftUpOut - Flip rotation from left-up direction.FlipRightDownIn / FlipRightDownOut - Flip rotation from right-down direction.FlipRightUpIn / FlipRightUpOut - Flip rotation from right-up direction.FlipXDownIn / FlipXDownOut - Flip rotation around X-axis (top/bottom).FlipXUpIn / FlipXUpOut - Flip rotation around X-axis upward.FlipYLeftIn / FlipYLeftOut - Flip rotation around Y-axis (left/right).FlipYRightIn / FlipYRightOut - Flip rotation around Y-axis rightward.SlideLeftIn / SlideLeftOut / SlideLeft - Slide transitions from/to left.SlideRightIn / SlideRightOut / SlideRight - Slide transitions from/to right.SlideTopIn / SlideTopOut / SlideUp - Slide transitions from/to top.SlideBottomIn / SlideBottomOut / SlideDown - Slide transitions from/to bottom.ZoomIn / ZoomOut - Scale-based zoom transitions. |