Color Showcase
Color
Color Null
Component Documentation
Component Name
Color
Builder Function Name
create_color_manager
Description
displays a color swatch, optionally with details about its oklch components
Use like example
Config
| Property | Type | Default | Description |
|---|---|---|---|
| val | object | object with color properties { l, c, h, o, is_dark_theme_invert } | |
| is_show_details | boolean | false | whether the color's numeric details are shown |
| size | number | 3 | the width/height in rem of the color preview |
| border_radius | number | 0.5 | border radius in rem for the color preview box |
Methods
| Method | Description | Parameters | Returns |
|---|---|---|---|
| No methods found | |||
Returned Properties
| Property | Type | Description |
|---|---|---|
| id | string | unique id for this color swatch instance |
| val | object | the color object used to generate the final color |
| color | string | the resulting color as an oklch() or transparent if null |
| is_show_details | boolean | true if color details (l, c, h, o, is_dark_theme_invert) are shown |
| size | number | the size in rem of the color preview |
| border_radius | number | the border radius in rem for the color box |
