SecondaryButton
Button to be used as alternative action on dialogs and actions.
Props:
title
Description: Content to display in the button. Type: String. Required.
onClick
Description: Function to invoke on button click. Type: Function. Required.
disabled
Description: Disables the button. Type: Boolean.
loading
Description: Shows loading animation if true. Type: Boolean.
icon
Description: A space to render your own icon. Type: ReactNode.
size
Description: Button size. Type: "tiny" | "small" | "medium" | "large". Default: "Medium".
style
Description: Button style. Type: CSS Properties.
className
Description: ClassName. Type: String.
Code
<SecondaryButton onClick={() => toast.success('Secondary Button')} title='Cancel' size='small' icon={ <MdCancel size={16} /> } />