mirror of
https://github.com/Steffo99/bluelib.git
synced 2024-12-24 04:24:21 +00:00
54 lines
888 B
Markdown
54 lines
888 B
Markdown
|
Change the **color** of the contained text to one of the seven presets.
|
||
|
|
||
|
The color is chosen through the `value` prop. The options are:
|
||
|
- `red`
|
||
|
- `orange`
|
||
|
- `yellow`
|
||
|
- `lime`
|
||
|
- `cyan`
|
||
|
- `blue`
|
||
|
- `magenta`
|
||
|
|
||
|
|
||
|
```jsx
|
||
|
import Bluelib from "../Bluelib";
|
||
|
|
||
|
<Bluelib>
|
||
|
<div>
|
||
|
<Color value={"red"}>
|
||
|
Red
|
||
|
</Color>
|
||
|
</div>
|
||
|
<div>
|
||
|
<Color value={"orange"}>
|
||
|
Orange
|
||
|
</Color>
|
||
|
</div>
|
||
|
<div>
|
||
|
<Color value={"yellow"}>
|
||
|
Yellow
|
||
|
</Color>
|
||
|
</div>
|
||
|
<div>
|
||
|
<Color value={"lime"}>
|
||
|
Lime
|
||
|
</Color>
|
||
|
</div>
|
||
|
<div>
|
||
|
<Color value={"cyan"}>
|
||
|
Cyan
|
||
|
</Color>
|
||
|
</div>
|
||
|
<div>
|
||
|
<Color value={"blue"}>
|
||
|
Blue
|
||
|
</Color>
|
||
|
</div>
|
||
|
<div>
|
||
|
<Color value={"magenta"}>
|
||
|
Magenta
|
||
|
</Color>
|
||
|
</div>
|
||
|
</Bluelib>
|
||
|
```
|