Popover Body
Type: React component
How to get PopoverBody?
JavaScript
import { PopoverBody } from 'fds/components';
An arbitrary container to render the Popover primary contents in. Should be a direct child of Popover.
Props
children
(Required)
Type: ReactNode
padding
Size (Optional)
Type: Number | String | Object
The amount of padding rendered by the component.
This should be a either, A single size value, one of the following values:
-
0 (zero, no padding at all)
-
's' (small)
-
'm' (medium)
-
'l' (large) to set the paddingSize for the top, right, bottom and left side to a single shared value.
Or you can pass an object whose properties determine a specific padding size for either:
-
'horizontal': %single size value% to set the 'left' and 'right' padding to the given size value (one of the values listed above)
-
'vertical': %single size value% to set the 'top' and 'bottom' padding
Or you can pass any combination of 'bottom', 'horizontal', 'left', 'right', 'top', 'vertical', where the more specific keys override the generic (eg. setting 'left': 's' and 'horizontal': 'm' would result in a padding size of 's' for the left side and a size of 'm' for the right side.
Default value
-
space
Vertical Size (Optional)
Type: Number | String
The amount of vertical space (or margin) between the children of the component.
This should be one of the following values:
-
0 (zero, no margin at all)
-
's' (small)
-
'm' (medium)
-
'l' (large)
Default value
-