Welcome to the StepOne components documentation
StepOne Fundation
StepOne Modules
OverflowMenu
The OverflowMenu is a Component that houses information of all kinds.
OverflowMenu Props
| Name | Use | Type | Definition |
| show | required | boolean | Indicates whether the overflow menu should be shown or hidden. |
| title | required | string | Title of the Overflow Menu. |
| action | optional | string | Name of the action if needed. |
| onClose | required | () => void | A function that is called when the overflow menu is closed.. |
| showCloseButton | optional | boolean | Indicates whether to show a close button in the overflow menu. |
| className | optional | string | Additional styling if needed. |
| onAction | optional | () => void | A function that is called when the action button is clicked. |
| parentRef | optional | any | A reference to the parent element that contains the overflow menu. |
| others | optional | any | Any additional props that can be passed to the component. |
Examples
Simple OverflowMenu
Example of a simple OverflowMenu.
OverflowMenu with link
Example of an OverflowMenu with link by adding action prop.
OverflowMenu with close icon
Example of an OverflowMenu with close icon by adding showCloseButton prop.