wix-style-react
Version:
wix-style-react
51 lines (49 loc) • 1.31 kB
JavaScript
import React from 'react';
import InputArea from 'wix-style-react/InputArea';
var style = {
display: 'inline-block',
padding: '0 5px',
width: '200px',
lineHeight: '22px'
};
export default (function () {
return React.createElement(
'div',
{ style: { display: 'flex' } },
React.createElement(
'div',
{ style: style },
'InputArea',
React.createElement('br', null),
React.createElement(InputArea, { resizable: true })
),
React.createElement(
'div',
{ style: style },
'Focus',
React.createElement('br', null),
React.createElement(InputArea, { forceFocus: true, resizable: true })
),
React.createElement(
'div',
{ style: style },
'Hover',
React.createElement('br', null),
React.createElement(InputArea, { forceHover: true, resizable: true })
),
React.createElement(
'div',
{ style: style },
'With placeholder',
React.createElement('br', null),
React.createElement(InputArea, { placeholder: 'duyg', resizable: true })
),
React.createElement(
'div',
{ style: style },
'Disabled',
React.createElement('br', null),
React.createElement(InputArea, { disabled: true, value: 'Text which is disabled' })
)
);
});