ToolJet/frontend/src/Editor/Components/TextInput.jsx

20 lines
628 B
React
Raw Normal View History

import React from 'react';
export const TextInput = function TextInput({ id, width, height, component, onComponentClick, currentState, onComponentOptionChanged }) {
console.log('currentState', currentState);
const placeholder = component.definition.properties.placeholder.value;
return (
<input
onClick={() => onComponentClick(id, component) }
onChange={(e) => onComponentOptionChanged(component, 'value', e.target.value)}
type="text"
class="form-control"
placeholder={placeholder}
style={{width, height}}
/>
);
};