grommet/es6/components/Grommet/stories/Theme.stories.js

focus on the essential experience

import React from 'react';
import { Grommet, Anchor, Box } from 'grommet';
import { Add } from "grommet-icons/es6/icons/Add";
var customTheme = {
  global: {
    colors: {
      custom: '#a35200'
    }
  }
};
export var Theme = function Theme() {
  return /*#__PURE__*/React.createElement(Grommet, {
    theme: customTheme
  }, /*#__PURE__*/React.createElement(Box, {
    pad: "medium"
  }, /*#__PURE__*/React.createElement(Anchor, {
    icon: /*#__PURE__*/React.createElement(Add, null),
    label: "Add",
    color: "custom"
  })));
};
export default {
  title: 'Utilities/Grommet/Theme'
};