grommet
Version:
focus on the essential experience
17 lines • 638 B
JavaScript
import React from 'react';
import { grommet, Grommet, Box } from 'grommet';
export var Vars = function Vars() {
return /*#__PURE__*/React.createElement(Grommet, {
theme: grommet,
cssVars: true
}, /*#__PURE__*/React.createElement(Box, {
pad: "medium",
background: "var(--light-6)",
gap: "medium"
}, /*#__PURE__*/React.createElement(Box, null, "Checkout Grommet variables, you can find them in the StyledGrommet DOM."), /*#__PURE__*/React.createElement(Box, {
"with": true
}, "For example, the background color in this Box is using var(--light-6)")));
};
export default {
title: 'Utilities/Grommet/Vars'
};