mirror of
https://github.com/jgthms/bulma
synced 2026-03-20 12:24:28 -07:00
Add Color module
This commit is contained in:
15
docs/_react/bulma-customizer/src/pages/Colors.jsx
Normal file
15
docs/_react/bulma-customizer/src/pages/Colors.jsx
Normal file
@@ -0,0 +1,15 @@
|
||||
import Color from "../components/Color";
|
||||
|
||||
const COLORS = ["primary", "link", "info", "success", "warning", "danger"];
|
||||
|
||||
function Colors() {
|
||||
return (
|
||||
<div>
|
||||
{COLORS.map((color) => {
|
||||
return <Color key={color} color={color} />;
|
||||
})}
|
||||
</div>
|
||||
);
|
||||
}
|
||||
|
||||
export default Colors;
|
||||
16
docs/_react/bulma-customizer/src/pages/Scheme.jsx
Normal file
16
docs/_react/bulma-customizer/src/pages/Scheme.jsx
Normal file
@@ -0,0 +1,16 @@
|
||||
import Slider from "../components/Slider";
|
||||
import { CSSVAR_KEYS } from "../constants";
|
||||
|
||||
function Scheme() {
|
||||
const schemeIds = CSSVAR_KEYS.scheme;
|
||||
|
||||
return (
|
||||
<div>
|
||||
{schemeIds.map((schemeId) => {
|
||||
return <Slider key={schemeId} id={schemeId} />;
|
||||
})}
|
||||
</div>
|
||||
);
|
||||
}
|
||||
|
||||
export default Scheme;
|
||||
Reference in New Issue
Block a user