Unions

The following Unions are available in the React base.

NameValueDescription
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 edge
  • Center- Centers the component horizontally
  • Right- 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.