FieldError
@stellaria/nebula-webFieldErrorPropsPreview
Props
10| Prop | Type | Default |
|---|---|---|
children requiredThe 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. | number | 12 |
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.