Skip to main content

OutlinedButton

Loading...

How to use

import { OutlinedButton } from '@vibrant-ui/components';

Properties

PropTypeDefaultDescription
sizexl | lg | md | smSize of the button
typebutton | submit Type of the button
IconComponentIconComponent<IconProps, Fill \| Regular>Icon on the left side
disclosurenone | top | right | bottom Display status of the arrow Icon in the right side
disabledbooleanDisable status of the button
loadingbooleanDisplay status of Spinner
onClick() => voidCallback function runs when the button is clicked

Usage

size

Loading...

iconComponent

IconComponent decides Icon on the left side. Only fill or general type IconComponents are available. disclosure decides display status of arrow icon on the right side.

Loading...

Loading

Loading...
Previous
ModalBottomSheet