Feedback
Feedback for a group of form fields
import Feedback from "@intility/bifrost-react/Feedback";Feedback
Go to top
Display feedback for a group of inputs, radio buttons or a button group.
No need for this component with bifrost input components like
<Input>, <DatePicker>,
<TextArea>, <Select> and
<FieldGroup>, since they already have feedback prop.
Basic example
TSX
<Feedback>Feedback text</Feedback>Feedback text
Alert state
Display red text only after an invalid form submission has been attempted.
TSX
<Feedback state="alert">Something went wrong!
Avoid jumping UI
Feedback text is often not meant to be displayed permanently, but pop up when or if necesarry.
Conditionally rendering means the rest of the page will be pushed down when the text appears.
We can avoid this by making space for the text by passing in an empty string
("") as children when there is no feedback text to display:
TSX
<Feedback>{""}</Feedback>