BwColor | bw-color
Overview
The color component is used to change the text and background color of the slotted content. It can have seperate colors for light and dark mode.
Properties
| Property | Attribute | Description | Type | Default |
|---|---|---|---|---|
background | background | The color to apply to the background. If the value is auto, the color will be determined by the lightBackground and darkBackground properties | string | undefined |
color | color | The color to apply to the text. If the value is auto, the color will be determined by the lightColor and darkColor properties | string | undefined |
darkBackground | dark-background | Whenever the background is auto, this property will be used when the theme is dark mode | string | undefined |
darkColor | dark-color | Whenever the color is auto, this property will be used when the theme is dark mode | string | undefined |
lightBackground | light-background | Whenever the background is auto, this property will be used when the theme is light mode | string | undefined |
lightColor | light-color | Whenever the color is auto, this property will be used when the theme is light mode | string | undefined |
shadow | shadow | Shadow will make the component apply the color to the text and background using CSS variables. This is useful when you want to change the color of another component that relies on --color for color changes and --background for background color changes. | boolean | false |
Dependencies
Used by
Graph
© 2025 United Systems & Software - All Rights Reserved.