Interface CustomTagsProps

Hierarchy

Properties

autoFocus? className? disabled? displayAsRows? error? id? inlineMode? label? liveSuggestionsDelay? liveSuggestionsResolver? name onBlur? onChange? onFocus? placeholder? tooltipContent? type? value?

Properties

Optional autoFocus

autoFocus?: boolean

Whether or not the control should start focused (default: false)

Optional className

className?: string

CSS Class name for additional styles

Optional disabled

disabled?: boolean

Whether or not the control is disabled (default: false)

Optional displayAsRows

displayAsRows?: boolean

Whether or not the values displays inline or as rows

Optional error

error?: string

If set, indicates the control has an error and will display this prop as the error message

Optional id

id?: string

Form control id

Optional inlineMode

inlineMode?: boolean

Hide options not needed in the “inline” scenario

Optional label

label?: string

Form control label

Optional liveSuggestionsDelay

liveSuggestionsDelay?: number

Determines how often liveSuggestionsResolver will be called. Timer is in milliseconds (default: 200)

Optional liveSuggestionsResolver

liveSuggestionsResolver?: ((value) => string[] | Promise<string[]>)

Type declaration

    • (value): string[] | Promise<string[]>

    • If set, enables live suggestions. Emits the currently typed input value and expects an array of suggestions to be displayed

      Parameters

      • value: string

      Returns string[] | Promise<string[]>

name

name: string

Name of form control, required and must be unique from other form control names. This name should match the the name of the object corresponding to this control.

Optional onBlur

onBlur?: ((event) => void)

Type declaration

    • (event): void

    • Raised when the element has been selected

      Parameters

      • event: ChangeEvent<HTMLInputElement>

      Returns void

Optional onChange

onChange?: ((event) => void)

Type declaration

    • (event): void

    • Raised when the value has changed

      Parameters

      • event: ChangeEvent<HTMLInputElement>

      Returns void

Optional onFocus

onFocus?: ((event) => void)

Type declaration

    • (event): void

    • Raised when the element has been de-selected

      Parameters

      • event: ChangeEvent<HTMLInputElement>

      Returns void

Optional placeholder

placeholder?: string

Input placeholder

Optional tooltipContent

tooltipContent?: ReactNode

A tooltip of additional information

Optional type

type?: string

Input element type (default: 'text')

Optional value

value?: string[]

If set, sets the form control value

Settings

Member Visibility

Theme

On This Page

Generated using TypeDoc