mirror of
https://github.com/Steffo99/bluelib.git
synced 2024-12-23 12:04:22 +00:00
.. | ||
index.js | ||
Readme.md |
Change the bluelib color of the contained elements.
The color can chosen through either the builtin
prop or the custom
prop.
By using the builtin
prop, the color will automatically adapt itself to the theme. Possible builtin colors are:
"red"
"orange"
"yellow"
"lime"
"cyan"
"blue"
"magenta"
"gray"
By using the custom
prop, the color will be the same for all themes, but you will be able to specify any color.
import Bluelib from "../Bluelib";
import Box from "../Box";
<Bluelib>
<div>
<Color builtin={"red"}>
<span>
Red
</span>
</Color>
</div>
<div>
<Color builtin={"orange"}>
<Box>
Orange
</Box>
</Color>
</div>
<div>
<Color custom={"#ffff00"}>
<Box>
Custom yellow
</Box>
</Color>
</div>
</Bluelib>