Function TextInput

Parameters

• props: {
      ariaLabel?: string;
      autoFocus?: boolean;
      defaultValue?: string;
      disabled?: boolean;
      invalid?: boolean;
      leftItems?: ReactNode;
      placeholder?: string;
      readOnly?: boolean;
      rightItems?: ReactNode;
      style?: CSSProperties;
      type?: HTMLInputTypeAttribute;
      value?: string;
      onBlur?(event: FocusEvent): void;
      onChange(nextValue: string): void;
      onFocus?(event: FocusEvent): void;
  }

  • OptionalariaLabel?: string

    Provide an accessible name for screen readers. Use this when the input has no visible label — e.g. a filter field marked only by a magnifying-glass icon. A placeholder alone does not name the input.

    Example

    `Filter messages`
    Copy

  • OptionalautoFocus?: boolean

  • OptionaldefaultValue?: string

  • Optionaldisabled?: boolean

  • Optionalinvalid?: boolean

  • OptionalleftItems?: ReactNode

  • Optionalplaceholder?: string

  • OptionalreadOnly?: boolean

  • OptionalrightItems?: ReactNode

  • Optionalstyle?: CSSProperties

  • Optionaltype?: HTMLInputTypeAttribute

  • Optionalvalue?: string

  • onBlur?: function

    • onBlur?(event: FocusEvent): void

      Parameters

      • event: FocusEvent

      Returns void

  • onChange: function

    • onChange(nextValue: string): void

      Parameters

      • nextValue: string

      Returns void

  • onFocus?: function

    • onFocus?(event: FocusEvent): void

      Parameters

      • event: FocusEvent

      Returns void