ValueGroup is the way of styling all {key: value} properties from your database. It maintains paddings and adds errors.
Usage
import { ValueGroup } from '@admin-bro/design-system'
return (
<ValueGroup
value={'[email protected]'}
label={'email address'}
/>
)
Prop types
By default all the data are passed via ValueGroupProps - check them out below.
Example
Example styling for a form with headers and ValueGroup
- New:
- In version 3.3
- See:
View Source admin-bro-design-system/src/molecules/value-group/value-group.tsx, line 14
Type Definitions
object
# ValueGroupProps
Props passed to ValueGroup
Properties:
| Name | Type | Attributes | Description |
|---|---|---|---|
label |
string | Value group label |
|
value |
string | number | boolean |
<optional> |
Field value passed as a value |
children |
ReactNode |
<optional> |
Field value passed as children node |
