ButtonProperties

Required properties for the class generation of ButtonComponent

Properties

Name	Type	Description
color	`keyof ButtonColors`
customStyle	{ root?: { base?: { default?: string \| undefined; span?: string \| undefined; } \| undefined; color?: { [x: string]: { solid?: string \| undefined; outline?: string \| undefined; } \| undefined; [x: number]: { solid?: string \| undefined; outline?: string \| undefined; } \| undefined; } \| undefined; gradientMonochrome?: { [x: string]: string \| undefined; blue?: string \| undefined; cyan?: string \| undefined; green?: string \| undefined; lime?: string \| undefined; pink?: string \| undefined; purple?: string \| undefined; red?: string \| undefined; teal?: string \| undefined; } \| undefined; gradientDuoTone?: { purpleToBlue?: { solid?: string \| undefined; outline?: string \| undefined; } \| undefined; cyanToBlue?: { solid?: string \| undefined; outline?: string \| undefined; } \| undefined; greenToBlue?: { solid?: string \| undefined; outline?: string \| undefined; } \| undefined; purpleToPink?: { solid?: string \| undefined; outline?: string \| undefined; } \| undefined; pinkToOrange?: { solid?: string \| undefined; outline?: string \| undefined; } \| undefined; tealToLime?: { solid?: string \| undefined; outline?: string \| undefined; } \| undefined; redToYellow?: { solid?: string \| undefined; outline?: string \| undefined; } \| undefined; } \| undefined; size?: { [x: string]: string \| undefined; xs?: string \| undefined; sm?: string \| undefined; md?: string \| undefined; lg?: string \| undefined; xl?: string \| undefined; } \| undefined; isPill?: { enabled?: string \| undefined; disabled?: string \| undefined; } \| undefined; isDisabled?: { enabled?: string \| undefined; disabled?: string \| undefined; } \| undefined; } \| undefined; span?: { base?: string \| undefined; isPill?: { enabled?: string \| undefined; disabled?: string \| undefined; } \| undefined; size?: { [x: string]: string \| undefined; xs?: string \| undefined; sm?: string \| undefined; md?: string \| undefined; lg?: string \| undefined; xl?: string \| undefined; } \| undefined; } \| undefined; }
fill	`keyof ButtonFill`
gradientDuoTone	`"purpleToBlue" \| "cyanToBlue" \| "greenToBlue" \| "purpleToPink" \| "pinkToOrange" \| "tealToLime" \| "redToYellow" \| undefined`
gradientMonochrome	`keyof ButtonMonochromeColors \| undefined`
isDisabled	`keyof FlowbiteBoolean`
isPill	`keyof FlowbiteBoolean`
size	`keyof ButtonSizes`