Color
import Color from 'frui/formats/Color'; Copy
Props
| Name | Type | Required | Notes |
|---|---|---|---|
| box | boolean | No | Show color box |
| className | string | No | Standard HTML class names |
| lg | boolean | No | Show large color box |
| md | boolean | No | Show medium size color box |
| sm | boolean | No | Show small color box |
| style | CSS Object | No | Standard CSS object |
| text | boolean | No | Show color text |
| value | string | Yes | Default value |
Basics
salmon
<Color value="salmon" /> Copy
Customize
You can apply different sizes to the Color format.
Box
Use box prop to hide the color box.
salmon
<Color box={false} value="salmon" /> Copy
Sizes
Use sm, md, or lg props to change the size of the color box.
salmon
<Color lg value="salmon" /> Copy
You can also add your own custom class to Color format or use any combination of frui-format-color, and frui-format-color-box CSS classes.