Color
Adds a Color picker panel in the Makeswift builder to visually edit a RGBA string
prop.
![](https://mintlify.s3-us-west-1.amazonaws.com/makeswift/images/color-panel.png)
Color panels on a Button component to edit the background and text colors
Params
Text for the panel label in the Makeswift builder.
Position for the color label within the panel.
The value passed to your component when nothing is set in the Makeswift builder. Must be a valid CSS color string.
Indicates whether to hide the alpha channel slider.
Prop type
The Color control passes a string
RGBA value to your component. If you don’t set a defaultValue
and no value is set in the builder, your component will receive undefined
.
Example
The following examples adds two Color controls to the backgroundColor
and color
props of a Button component.
Using inline styles
Using CSS variables
.makeswift.ts
is a naming convention for organizing Makeswift registration
code. Learn
more.