# FormFeedback

This is used to provide a success or error summary message for forms

## Installation

```tsx
import { FormFeedback } from 'uxp/components';
```

## Signature

```tsx
const FormFeedback: React.FunctionComponent<IFormFeedbackProps>
```

## Examples

```tsx
FormFeedback validInput>Form feedback ( valid )</FormFeedback>
```

```tsx
<FormFeedback validInput={false}>Form feedback ( invalid )</FormFeedback>
```

## Properties

| Name        | Type                                                                                | Mandatory | Default Value | Example Value |
| ----------- | ----------------------------------------------------------------------------------- | --------- | ------------- | ------------- |
| validInput  | boolean                                                                             | No        | -             | -             |
| className   | string                                                                              | No        | -             | -             |
| spacingMode | [SpacingMode](https://help.iviva.com/uxp/v5/additional-resources/types/spacingmode) | No        | -             | -             |
| children    | React.ReactNode                                                                     | No        | -             | -             |

## Related Types

* [IFormFeedbackProps](https://help.iviva.com/uxp/v5/additional-resources/types/iformfeedbackprops)
* [SpacingMode](https://help.iviva.com/uxp/v5/additional-resources/types/spacingmode)