UNPKG

wix-style-react

Version:
51 lines (41 loc) 2.02 kB
'use strict'; Object.defineProperty(exports, "__esModule", { value: true }); var _react = require('react'); var _react2 = _interopRequireDefault(_react); var _DropdownLayout = require('wix-style-react/DropdownLayout'); var _DropdownLayout2 = _interopRequireDefault(_DropdownLayout); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; } var style = { display: 'inline-block', padding: '0 5px', width: '140px', lineHeight: '22px' }; var nodeStyle = { background: 'azure', paddingLeft: '25px' }; var options = [{ id: 0, value: 'Option 1' }, { id: 1, value: 'Option 2' }, { id: 2, value: 'Option 3' }, { id: 3, value: 'Option 4' }, { id: 4, value: 'Option 5' }, { id: 5, value: 'Option 6' }, { id: 6, value: 'Option 7' }, { id: 7, value: 'Option 8' }, { id: 8, value: 'Option 9' }, { id: 9, value: 'Option 10' }, { id: 10, value: 'Option 11' }, { id: 11, value: 'Option 12' }, { id: 12, value: 'Option 13' }, { id: 13, value: 'Option 14' }, { id: 14, value: 'Option 15' }, { id: 15, value: 'Option 16' }, { id: 16, value: 'Option 17' }, { id: 17, value: 'Option 18' }, { id: 18, value: 'Option 19' }, { id: 19, value: 'Option 20' }, { id: 20, value: 'Option 21' }, { id: 21, value: 'Option 22' }, { id: 22, value: 'Option 23' }, { id: 23, value: 'Option 24' }, { id: 24, value: 'Option 25' }, { id: 25, value: 'Option 26' }, { id: 26, value: 'Option 27' }, { id: 27, value: 'Option 28' }, { id: 28, value: 'Option 29' }, { id: 29, value: 'Option 30' }]; exports.default = function () { return _react2.default.createElement( 'div', null, _react2.default.createElement( 'div', { style: style }, '30 options', _react2.default.createElement('br', null), _react2.default.createElement(_DropdownLayout2.default, { visible: true, options: options, fixedFooter: _react2.default.createElement( 'div', { style: nodeStyle }, 'I am a footer' ) }) ) ); };