@dotconnor/grommet
Version:
focus on the essential experience
46 lines (44 loc) • 1.24 kB
JavaScript
import React, { useState } from 'react';
import { Box, Grommet, Select, Text } from 'grommet';
import { grommet } from 'grommet/themes';
export var Simple = function Simple() {
var options = ['one', 'two'];
var _useState = useState(''),
value = _useState[0],
setValue = _useState[1];
return /*#__PURE__*/React.createElement(Grommet, {
full: true,
theme: grommet
}, /*#__PURE__*/React.createElement(Box, {
fill: true,
align: "center",
justify: "start",
pad: "large",
gap: "medium"
}, /*#__PURE__*/React.createElement(Text, {
weight: "bold"
}, "Enabled"), /*#__PURE__*/React.createElement(Select, {
id: "select",
name: "select",
placeholder: "Select",
value: value,
options: options,
onChange: function onChange(_ref) {
var option = _ref.option;
return setValue(option);
}
}), /*#__PURE__*/React.createElement(Text, {
weight: "bold"
}, "Disabled"), /*#__PURE__*/React.createElement(Select, {
id: "select",
name: "select",
placeholder: "Select",
value: value,
options: options,
onChange: function onChange(_ref2) {
var option = _ref2.option;
return setValue(option);
},
disabled: true
})));
};