Colored Shadow Buttons
text-sm
<ColorShadowButton color="blue" name="Blue" />
<ColorShadowButton color="green" name="Green" />
<ColorShadowButton color="cyan" name="Cyan" />
<ColorShadowButton color="teal" name="Teal" />
<ColorShadowButton color="lime" name="Lime" />
<ColorShadowButton color="red" name="Red" />
<ColorShadowButton color="pink" name="Pink" />
<ColorShadowButton color="purple" name="Purple" />text-xs
<ColorShadowButton color="blue" name="Blue" textSize="text-xs"/>
<ColorShadowButton color="green" name="Green" textSize="text-xs" />
<ColorShadowButton color="cyan" name="Cyan" textSize="text-xs" />
<ColorShadowButton color="teal" name="Teal" textSize="text-xs" />
<ColorShadowButton color="lime" name="Lime" textSize="text-xs" />
<ColorShadowButton color="red" name="Red" textSize="text-xs" />
<ColorShadowButton color="pink" name="Pink" textSize="text-xs" />
<ColorShadowButton color="purple" name="Purple" textSize="text-xs" />text-base
<ColorShadowButton color="blue" name="Blue" textSize="text-base"/>
<ColorShadowButton color="green" name="Green" textSize="text-base" />
<ColorShadowButton color="cyan" name="Cyan" textSize="text-base" />
<ColorShadowButton color="teal" name="Teal" textSize="text-base" />
<ColorShadowButton color="lime" name="Lime" textSize="text-base" />
<ColorShadowButton color="red" name="Red" textSize="text-base" />
<ColorShadowButton color="pink" name="Pink" textSize="text-base" />
<ColorShadowButton color="purple" name="Purple" 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 | Buttonshadows | 'blue' |
| name | string | 'Read more' |
| type | ButtonType | 'button' |