Ignite UI for React

All
  • Public
  • Public/Protected
  • All

Interface IIgrXInputGroupProps

Hierarchy

Hierarchy

  • IIgrXInputGroupProps

Properties

Properties

Optional actualBackgroundColor

actualBackgroundColor?: string

Gets the actual opacity to use for the underline ripple element.

Optional actualBorderColor

actualBorderColor?: string

Gets the actual item background color.

Optional actualBorderWidth

actualBorderWidth?: string | number

Gets the actual item border width.

Optional actualContentPaddingBottom

actualContentPaddingBottom?: string | number

Optional actualContentPaddingLeft

actualContentPaddingLeft?: string | number

Optional actualContentPaddingRight

actualContentPaddingRight?: string | number

Optional actualContentPaddingTop

actualContentPaddingTop?: string | number

Optional actualCornerRadiusBottomLeft

actualCornerRadiusBottomLeft?: string | number

Optional actualCornerRadiusBottomRight

actualCornerRadiusBottomRight?: string | number

Optional actualCornerRadiusTopLeft

actualCornerRadiusTopLeft?: string | number

Optional actualCornerRadiusTopRight

actualCornerRadiusTopRight?: string | number

Optional actualDensity

actualDensity?: string | ControlDisplayDensity

Gets the actual display density to use for the input group.

Optional actualFocusBorderColor

actualFocusBorderColor?: string

Gets the actual item border color.

Optional actualFocusBorderWidth

actualFocusBorderWidth?: string | number

Gets the actual item border width.

Optional actualFocusUnderlineColor

actualFocusUnderlineColor?: string

Gets the actual color to use for the underline element when focused.

Optional actualFocusUnderlineOpacity

actualFocusUnderlineOpacity?: string | number

Gets the actual opacity to use for the underline element when focused.

Optional actualFocusUnderlineRippleOpacity

actualFocusUnderlineRippleOpacity?: string | number

Gets the actual opacity to use for the underline ripple element when focused.

Optional actualHoverUnderlineColor

actualHoverUnderlineColor?: string

Gets the actual color to use for the underline element.

Optional actualHoverUnderlineOpacity

actualHoverUnderlineOpacity?: string | number

Gets the actual opacity to use for the underline element when hovered.

Optional actualHoverUnderlineWidth

actualHoverUnderlineWidth?: string | number

Gets the width to use for the underline element when hovered.

Optional actualIsExpanded

actualIsExpanded?: string | boolean

Gets or sets whether the input group is expanded or not.

Optional actualUnderlineColor

actualUnderlineColor?: string

Gets the actual color to use for the underline element.

Optional actualUnderlineOpacity

actualUnderlineOpacity?: string | number

Gets the actual opacity to use for the underline element.

Optional actualUnderlineRippleColor

actualUnderlineRippleColor?: string

Gets the actual color to use for the underline ripple element.

Optional actualUnderlineRippleOpacity

actualUnderlineRippleOpacity?: string | number

Gets the actual opacity to use for the underline ripple element.

Optional actualUnderlineRippleWidth

actualUnderlineRippleWidth?: string | number

Gets the actual width to use for the underline element.

Optional actualUnderlineWidth

actualUnderlineWidth?: string | number

Gets the actual width to use for the underline element.

Optional backgroundColor

backgroundColor?: string

Gets or sets the background color to use for the input group.

Optional baseTheme

baseTheme?: string | BaseControlTheme

Gets or sets the base built in theme to use for the label.

Optional borderColor

borderColor?: string

Gets or sets the color to use the border of the input group.

Optional borderTypeBackgroundColor

borderTypeBackgroundColor?: string

Gets or sets the background color to use for the input group when type is border.

Optional borderTypeBorderColor

borderTypeBorderColor?: string

Gets or sets the color to use the border of the input group when type is border.

Optional borderTypeBorderWidth

borderTypeBorderWidth?: string | number

Gets or sets the border width to use for the border of the item group when using type line.

Optional borderTypeContentPaddingBottom

borderTypeContentPaddingBottom?: string | number

Optional borderTypeContentPaddingLeft

borderTypeContentPaddingLeft?: string | number

Optional borderTypeContentPaddingRight

borderTypeContentPaddingRight?: string | number

Optional borderTypeContentPaddingTop

borderTypeContentPaddingTop?: string | number

Optional borderTypeCornerRadiusBottomLeft

borderTypeCornerRadiusBottomLeft?: string | number

Optional borderTypeCornerRadiusBottomRight

borderTypeCornerRadiusBottomRight?: string | number

Optional borderTypeCornerRadiusTopLeft

borderTypeCornerRadiusTopLeft?: string | number

Optional borderTypeCornerRadiusTopRight

borderTypeCornerRadiusTopRight?: string | number

Optional borderTypeFocusBorderColor

borderTypeFocusBorderColor?: string

Gets or sets the focus color to use the border of the input group when type is border.

Optional borderTypeFocusBorderWidth

borderTypeFocusBorderWidth?: string | number

Gets or sets the border width to use for the border of the item group when focused when type is border.

Optional borderTypeFocusUnderlineColor

borderTypeFocusUnderlineColor?: string

Gets or sets the color to use for the underline element when type is border.

Optional borderTypeFocusUnderlineOpacity

borderTypeFocusUnderlineOpacity?: string | number

Gets or sets the color to use for the underline element when type is border.

Optional borderTypeFocusUnderlineRippleOpacity

borderTypeFocusUnderlineRippleOpacity?: string | number

Gets or sets the opacity to use for the underline ripple element when focused when type is border.

Optional borderTypeHoverUnderlineColor

borderTypeHoverUnderlineColor?: string

Gets or sets the color to use for the underline element when type is border.

Optional borderTypeHoverUnderlineOpacity

borderTypeHoverUnderlineOpacity?: string | number

Gets or sets the color to use for the underline element when type is border.

Optional borderTypeHoverUnderlineWidth

borderTypeHoverUnderlineWidth?: string | number

Gets or sets the width to use for the underline element when hovered when type is border.

Optional borderTypeUnderlineColor

borderTypeUnderlineColor?: string

Gets or sets the color to use for the underline element when type is border.

Optional borderTypeUnderlineOpacity

borderTypeUnderlineOpacity?: string | number

Gets or sets the color to use for the underline element when type is border.

Optional borderTypeUnderlineRippleColor

borderTypeUnderlineRippleColor?: string

Gets or sets the color to use for the underline ripple element when type is border.

Optional borderTypeUnderlineRippleOpacity

borderTypeUnderlineRippleOpacity?: string | number

Gets or sets the opacity to use for the underline ripple element when type is border.

Optional borderTypeUnderlineRippleWidth

borderTypeUnderlineRippleWidth?: string | number

Gets or sets the width to use for the underline element when type is border.

Optional borderTypeUnderlineWidth

borderTypeUnderlineWidth?: string | number

Gets or sets the width to use for the underline element when type is border.

Optional borderWidth

borderWidth?: string | number

Gets or sets the border width to use for the border of the item group.

Optional boxTypeBackgroundColor

boxTypeBackgroundColor?: string

Gets or sets the background color to use for the input group when type is box.

Optional boxTypeBorderColor

boxTypeBorderColor?: string

Gets or sets the color to use the border of the input group when type is box.

Optional boxTypeBorderWidth

boxTypeBorderWidth?: string | number

Gets or sets the border width to use for the border of the item group when using type line.

Optional boxTypeContentPaddingBottom

boxTypeContentPaddingBottom?: string | number

Optional boxTypeContentPaddingLeft

boxTypeContentPaddingLeft?: string | number

Optional boxTypeContentPaddingRight

boxTypeContentPaddingRight?: string | number

Optional boxTypeContentPaddingTop

boxTypeContentPaddingTop?: string | number

Optional boxTypeCornerRadiusBottomLeft

boxTypeCornerRadiusBottomLeft?: string | number

Optional boxTypeCornerRadiusBottomRight

boxTypeCornerRadiusBottomRight?: string | number

Optional boxTypeCornerRadiusTopLeft

boxTypeCornerRadiusTopLeft?: string | number

Optional boxTypeCornerRadiusTopRight

boxTypeCornerRadiusTopRight?: string | number

Optional boxTypeFocusBorderColor

boxTypeFocusBorderColor?: string

Gets or sets the focus color to use the border of the input group when type is box.

Optional boxTypeFocusBorderWidth

boxTypeFocusBorderWidth?: string | number

Gets or sets the border width to use for the border of the item group when focused when type is box.

Optional boxTypeFocusUnderlineColor

boxTypeFocusUnderlineColor?: string

Gets or sets the color to use for the underline element when type is box.

Optional boxTypeFocusUnderlineOpacity

boxTypeFocusUnderlineOpacity?: string | number

Gets or sets the color to use for the underline element when type is box.

Optional boxTypeFocusUnderlineRippleOpacity

boxTypeFocusUnderlineRippleOpacity?: string | number

Gets or sets the opacity to use for the underline ripple element when focused when type is box.

Optional boxTypeHoverUnderlineColor

boxTypeHoverUnderlineColor?: string

Gets or sets the color to use for the underline element when type is box.

Optional boxTypeHoverUnderlineOpacity

boxTypeHoverUnderlineOpacity?: string | number

Gets or sets the color to use for the underline element when type is box.

Optional boxTypeHoverUnderlineWidth

boxTypeHoverUnderlineWidth?: string | number

Gets or sets the width to use for the underline element when hovered when type is box.

Optional boxTypeUnderlineColor

boxTypeUnderlineColor?: string

Gets or sets the color to use for the underline element when type is box.

Optional boxTypeUnderlineOpacity

boxTypeUnderlineOpacity?: string | number

Gets or sets the color to use for the underline element when type is box.

Optional boxTypeUnderlineRippleColor

boxTypeUnderlineRippleColor?: string

Gets or sets the color to use for the underline ripple element when type is box.

Optional boxTypeUnderlineRippleOpacity

boxTypeUnderlineRippleOpacity?: string | number

Gets or sets the opacity to use for the underline ripple element when type is box.

Optional boxTypeUnderlineRippleWidth

boxTypeUnderlineRippleWidth?: string | number

Gets or sets the width to use for the underline element when type is box.

Optional boxTypeUnderlineWidth

boxTypeUnderlineWidth?: string | number

Gets or sets the width to use for the underline element when type is box.

Optional children

children?: ReactNode

Optional contentPaddingBottom

contentPaddingBottom?: string | number

Optional contentPaddingLeft

contentPaddingLeft?: string | number

Optional contentPaddingRight

contentPaddingRight?: string | number

Optional contentPaddingTop

contentPaddingTop?: string | number

Optional cornerRadiusBottomLeft

cornerRadiusBottomLeft?: string | number

Optional cornerRadiusBottomRight

cornerRadiusBottomRight?: string | number

Optional cornerRadiusTopLeft

cornerRadiusTopLeft?: string | number

Optional cornerRadiusTopRight

cornerRadiusTopRight?: string | number

Optional density

density?: string | ControlDisplayDensity

Gets or sets the display density to use for the input group.

Optional disabled

disabled?: string | boolean

Gets or sets whether the checkbox is disabled.

Optional displayType

displayType?: string | InputGroupDisplayType

Gets or sets the display style to use for the button.

Optional focusBorderColor

focusBorderColor?: string

Gets or sets the color to use the hovered background of the inputs in the group.

Optional focusBorderWidth

focusBorderWidth?: string | number

Gets or sets the border width to use for the border of the item group when focused.

Optional focusUnderlineColor

focusUnderlineColor?: string

Gets or sets the color to use for the underline element.

Optional focusUnderlineOpacity

focusUnderlineOpacity?: string | number

Gets or sets the color to use for the underline element.

Optional focusUnderlineRippleOpacity

focusUnderlineRippleOpacity?: string | number

Gets or sets the opacity to use for the underline ripple element when focused.

Optional hoverUnderlineColor

hoverUnderlineColor?: string

Gets or sets the color to use for the underline element.

Optional hoverUnderlineOpacity

hoverUnderlineOpacity?: string | number

Gets or sets the color to use for the underline element.

Optional hoverUnderlineWidth

hoverUnderlineWidth?: string | number

Gets or sets the width to use for the underline element when hovered.

Optional id

id?: string

Gets or sets the id to use for the checkbox.

Optional isExpanded

isExpanded?: string | boolean

Gets or sets whether the input group is expanded or not.

Optional isFocused

isFocused?: string | boolean

Gets or sets whether the input group is hovered or not.

Optional isHovered

isHovered?: string | boolean

Gets or sets whether the input group is hovered or not.

Optional lineTypeBackgroundColor

lineTypeBackgroundColor?: string

Gets or sets the background color to use for the input group when type is line.

Optional lineTypeBorderColor

lineTypeBorderColor?: string

Gets or sets the color to use the border of the input group when type is line.

Optional lineTypeBorderWidth

lineTypeBorderWidth?: string | number

Gets or sets the border width to use for the border of the item group when using type line.

Optional lineTypeContentPaddingBottom

lineTypeContentPaddingBottom?: string | number

Optional lineTypeContentPaddingLeft

lineTypeContentPaddingLeft?: string | number

Optional lineTypeContentPaddingRight

lineTypeContentPaddingRight?: string | number

Optional lineTypeContentPaddingTop

lineTypeContentPaddingTop?: string | number

Optional lineTypeCornerRadiusBottomLeft

lineTypeCornerRadiusBottomLeft?: string | number

Optional lineTypeCornerRadiusBottomRight

lineTypeCornerRadiusBottomRight?: string | number

Optional lineTypeCornerRadiusTopLeft

lineTypeCornerRadiusTopLeft?: string | number

Optional lineTypeCornerRadiusTopRight

lineTypeCornerRadiusTopRight?: string | number

Optional lineTypeFocusBorderColor

lineTypeFocusBorderColor?: string

Gets or sets the focus color to use the border of the input group when type is line.

Optional lineTypeFocusBorderWidth

lineTypeFocusBorderWidth?: string | number

Gets or sets the border width to use for the border of the item group when focused when type is line.

Optional lineTypeFocusUnderlineColor

lineTypeFocusUnderlineColor?: string

Gets or sets the color to use for the underline element when type is line.

Optional lineTypeFocusUnderlineOpacity

lineTypeFocusUnderlineOpacity?: string | number

Gets or sets the color to use for the underline element when type is line.

Optional lineTypeFocusUnderlineRippleOpacity

lineTypeFocusUnderlineRippleOpacity?: string | number

Gets or sets the opacity to use for the underline ripple element when focused when type is line.

Optional lineTypeHoverUnderlineColor

lineTypeHoverUnderlineColor?: string

Gets or sets the color to use for the underline element when type is line.

Optional lineTypeHoverUnderlineOpacity

lineTypeHoverUnderlineOpacity?: string | number

Gets or sets the color to use for the underline element when type is line.

Optional lineTypeHoverUnderlineWidth

lineTypeHoverUnderlineWidth?: string | number

Gets or sets the width to use for the underline element when hovered when type is line.

Optional lineTypeUnderlineColor

lineTypeUnderlineColor?: string

Gets or sets the color to use for the underline element when type is line.

Optional lineTypeUnderlineOpacity

lineTypeUnderlineOpacity?: string | number

Gets or sets the color to use for the underline element when type is line.

Optional lineTypeUnderlineRippleColor

lineTypeUnderlineRippleColor?: string

Gets or sets the color to use for the underline ripple element when type is line.

Optional lineTypeUnderlineRippleOpacity

lineTypeUnderlineRippleOpacity?: string | number

Gets or sets the opacity to use for the underline ripple element when type is line.

Optional lineTypeUnderlineRippleWidth

lineTypeUnderlineRippleWidth?: string | number

Gets or sets the width to use for the underline element when type is line.

Optional lineTypeUnderlineWidth

lineTypeUnderlineWidth?: string | number

Gets or sets the width to use for the underline element when type is line.

Optional searchTypeBackgroundColor

searchTypeBackgroundColor?: string

Gets or sets the background color to use for the input group when type is search.

Optional searchTypeBorderColor

searchTypeBorderColor?: string

Gets or sets the color to use the search of the input group when type is search.

Optional searchTypeBorderWidth

searchTypeBorderWidth?: string | number

Gets or sets the search width to use for the border of the item group when using type line.

Optional searchTypeContentPaddingBottom

searchTypeContentPaddingBottom?: string | number

Optional searchTypeContentPaddingLeft

searchTypeContentPaddingLeft?: string | number

Optional searchTypeContentPaddingRight

searchTypeContentPaddingRight?: string | number

Optional searchTypeContentPaddingTop

searchTypeContentPaddingTop?: string | number

Optional searchTypeCornerRadiusBottomLeft

searchTypeCornerRadiusBottomLeft?: string | number

Optional searchTypeCornerRadiusBottomRight

searchTypeCornerRadiusBottomRight?: string | number

Optional searchTypeCornerRadiusTopLeft

searchTypeCornerRadiusTopLeft?: string | number

Optional searchTypeCornerRadiusTopRight

searchTypeCornerRadiusTopRight?: string | number

Optional searchTypeFocusBorderColor

searchTypeFocusBorderColor?: string

Gets or sets the focus color to use the search of the input group when type is search.

Optional searchTypeFocusBorderWidth

searchTypeFocusBorderWidth?: string | number

Gets or sets the search width to use for the border of the item group when focused when type is search.

Optional searchTypeFocusUnderlineColor

searchTypeFocusUnderlineColor?: string

Gets or sets the color to use for the underline element when type is search.

Optional searchTypeFocusUnderlineOpacity

searchTypeFocusUnderlineOpacity?: string | number

Gets or sets the color to use for the underline element when type is search.

Optional searchTypeFocusUnderlineRippleOpacity

searchTypeFocusUnderlineRippleOpacity?: string | number

Gets or sets the opacity to use for the underline ripple element when focused when type is search.

Optional searchTypeHoverUnderlineColor

searchTypeHoverUnderlineColor?: string

Gets or sets the color to use for the underline element when type is search.

Optional searchTypeHoverUnderlineOpacity

searchTypeHoverUnderlineOpacity?: string | number

Gets or sets the color to use for the underline element when type is search.

Optional searchTypeHoverUnderlineWidth

searchTypeHoverUnderlineWidth?: string | number

Gets or sets the width to use for the underline element when hovered when type is search.

Optional searchTypeUnderlineColor

searchTypeUnderlineColor?: string

Gets or sets the color to use for the underline element when type is search.

Optional searchTypeUnderlineOpacity

searchTypeUnderlineOpacity?: string | number

Gets or sets the color to use for the underline element when type is search.

Optional searchTypeUnderlineRippleColor

searchTypeUnderlineRippleColor?: string

Gets or sets the color to use for the underline ripple element when type is search.

Optional searchTypeUnderlineRippleOpacity

searchTypeUnderlineRippleOpacity?: string | number

Gets or sets the opacity to use for the underline ripple element when type is search.

Optional searchTypeUnderlineRippleWidth

searchTypeUnderlineRippleWidth?: string | number

Gets or sets the width to use for the underline element when type is search.

Optional searchTypeUnderlineWidth

searchTypeUnderlineWidth?: string | number

Gets or sets the width to use for the underline element when type is search.

Optional underlineColor

underlineColor?: string

Gets or sets the color to use for the underline element.

Optional underlineOpacity

underlineOpacity?: string | number

Gets or sets the color to use for the underline element.

Optional underlineRippleColor

underlineRippleColor?: string

Gets or sets the color to use for the underline ripple element.

Optional underlineRippleOpacity

underlineRippleOpacity?: string | number

Gets or sets the opacity to use for the underline ripple element.

Optional underlineRippleWidth

underlineRippleWidth?: string | number

Gets or sets the width to use for the underline element.

Optional underlineWidth

underlineWidth?: string | number

Gets or sets the width to use for the underline element.