UNPKG

@dotconnor/grommet

Version:

focus on the essential experience

46 lines (44 loc) 1.24 kB
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 }))); };