Skip to main content

Button list

ButtonList component displays a list of buttons. When the number of buttons exceeds a specified threshold (controlled by the maxButtonItems prop), the component dynamically transforms into a dropdown menu.

Storybook Docs

Props

NameTypeDefaultDescription
defaultCurrent *string-The default selected value
items *IItems<string>-Is the list of items of type IItems<string>
maxButtonItemsnumber0The value of the maximum number to display. If the number is exceeded, the button list transforms into a dropdown menu
buttonPropsButtonProps-Props extend from the Mantine Button component, used to modify the buttons of ButtonList component
currentstring-Currently selected value. Props used to make the component controlled
onAction(() => void)-Function called each time an item is clicked
....-Extend props from the Mantine Menu component. Used to modify Menu component