1
Fork 0
mirror of https://github.com/Steffo99/bluelib.git synced 2024-12-24 04:24:21 +00:00
bluelib/src/components/Color/Readme.md

54 lines
888 B
Markdown
Raw Normal View History

2021-01-25 18:37:58 +00:00
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>
```