# `popper_component` (component)

| name              | type      | default value | description |
| ----------------- | --------- | ------------- | ----------- |
| `className`       | `string`  |               |             |
| `hidePopper`      | `bool`    | `true`        |             |
| `popperComponent` | `element` |               |             |
| `popperContainer` | `func`    |               |             |
| `popperModifiers` | `object`  | `{            |

preventOverflow: {
enabled: true,
escapeWithReference: true,
boundariesElement: "viewport"
}
}`|| |`popperPlacement`|`enum("bottom"\|"bottom-end"\|"bottom-start"\|"left"\|"left-end"\|"left-start"\|"right"\|"right-end"\|"right-start"\|"top"\|"top-end"\|"top-start")`|`"bottom-start"`|| |`popperProps`|`object`|`{}`|| |`targetComponent`|`element`|||