Skip to content
Inputs & Forms

FieldError

client31.25 kB
@stellaria/nebula-webFieldErrorProps

Preview

Props

10
PropTypeDefault

children

required

The control being wrapped. The bubble anchors to it, so it cannot be left empty.

ReactNode

className

string

color

"error" | "info"

error

With `true` it marks the control invalid with no text; with a string, that string is the message.

string | boolean

field

The short route: a `NebulaField` provides the state, the message and whether it has been touched, all at once. It wins over `error`, `message` and `status`, which exist for when there is no form field behind.

FieldErrorSource

message

The bubble text when `error` is `true` and brings no message of its own.

string

offset

Distance between the bubble and the control, in px.

number12

position

Where the bubble anchors. It shadows the `position` style prop, which does not apply here.

FieldErrorPosition"top-right"

status

FieldStatus

validatingLabel

What it announces while the field is validating. It is read aloud, so it cannot be a symbol.

string"Validating…"

Also accepts

On top of its own props, this component forwards these groups.

Style props · 127