grommet
Version:
focus on the essential experience
33 lines • 978 B
JavaScript
import React from 'react';
import { Grommet, Button, Box, Text } from 'grommet';
import { Add } from "grommet-icons/es6/icons/Add";
export var Active = function Active() {
return /*#__PURE__*/React.createElement(Grommet, {
theme: {
global: {
font: {
family: "-apple-system, BlinkMacSystemFont"
}
},
button: {
"default": {}
} // enabling kind button functionality
}
}, /*#__PURE__*/React.createElement(Box, {
pad: "large",
align: "center"
}, /*#__PURE__*/React.createElement(Button, {
hoverIndicator: "light-1",
onClick: function onClick() {},
active: true
}, /*#__PURE__*/React.createElement(Box, {
pad: "small",
direction: "row",
align: "center",
gap: "small"
}, /*#__PURE__*/React.createElement(Add, null), /*#__PURE__*/React.createElement(Text, null, "Kind")))));
};
Active.storyName = 'Active';
export default {
title: 'Controls/Button/Custom Themed/Active'
};