Gradient Duotone Buttons

text-sm

<GradientDuotoneButton color="purple2blue" name="purple2blue" textSize="text-sm"/>
<GradientDuotoneButton color="cyan2blue" name="cyan2blue" textSize="text-sm"/>
<GradientDuotoneButton color="green2blue" name="green2blue" textSize="text-sm"/>
<GradientDuotoneButton color="purple2pink" name="purple2pink" textSize="text-sm"/>
<GradientDuotoneButton color="pink2orange" name="pink2orange" textSize="text-sm"/>
<GradientDuotoneButton color="teal2lime" name="teal2lime" textSize="text-sm"/>
<GradientDuotoneButton color="red2yellow" name="red2yellow" textSize="text-sm"/>

text-xs

<GradientDuotoneButton color="purple2blue" name="purple2blue" textSize="text-xs"/>
<GradientDuotoneButton color="cyan2blue" name="cyan2blue" textSize="text-xs"/>
<GradientDuotoneButton color="green2blue" name="green2blue" textSize="text-xs"/>
<GradientDuotoneButton color="purple2pink" name="purple2pink" textSize="text-xs"/>
<GradientDuotoneButton color="pink2orange" name="pink2orange" textSize="text-xs"/>
<GradientDuotoneButton color="teal2lime" name="teal2lime" textSize="text-xs"/>
<GradientDuotoneButton color="red2yellow" name="red2yellow" textSize="text-xs"/>

text-base

<GradientDuotoneButton color="purple2blue" name="purple2blue" textSize="text-base"/>
<GradientDuotoneButton color="cyan2blue" name="cyan2blue" textSize="text-base"/>
<GradientDuotoneButton color="green2blue" name="green2blue" textSize="text-base"/>
<GradientDuotoneButton color="purple2pink" name="purple2pink" textSize="text-base"/>
<GradientDuotoneButton color="pink2orange" name="pink2orange" textSize="text-base"/>
<GradientDuotoneButton color="teal2lime" name="teal2lime" textSize="text-base"/>
<GradientDuotoneButton color="red2yellow" name="red2yellow" textSize="text-base"/>

Props

The component has the following props, type, and default values. See type-list page for type information.

Name	Type	Default
textSize	Textsize	'text-sm'
color	Gradientduotones	'purple2blue'
name	string	'Read more'
type	ButtonType	'button'

Related components

Button Setup

Default Button

Colored Shadow Button

Gradient Duotone Button

Gradient Monochrome Button

Gradietn Outline Button

Outlined Button

Rounded Button

References

Flowbite Buttons