# Editable Props (свойства) для компонента Editable: [{"name":"view","type":{"name":"enum","raw":"\"default\"","value":[{"value":"\"default\""}]}},{"name":"size","type":{"name":"enum","raw":"\"m\"","value":[{"value":"\"m\""}]}},{"name":"textComponent","type":{"name":"FC<Omit<DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>, \"ref\"> & { ref?: ((instance: HTMLDivElement | null) => void) | ... 2 more ... | undefined; }>"}},{"name":"value","type":{"name":"string"}},{"name":"spellCheck","type":{"name":"enum","raw":"\"true\" | \"false\"","value":[{"value":"\"true\""},{"value":"\"false\""}]}},{"name":"maxLength","type":{"name":"number"}},{"name":"icon","type":{"name":"ReactNode"}},{"name":"placeholder","type":{"name":"string"}}] ## Использование
```tsx
import React from 'react';
import { Editable } from '@salutejs/plasma-web';
import { IconEdit } from '@salutejs/plasma-icons';
import { Headline1 } from '@salutejs/plasma-typo';
export function App() {
return (
<Editable
icon={<IconEdit size='s' color="inherit" />}
textComponent={Headline1}
value="Default value"
onChange={() => { console.log('handleChange') }}
/>
);
}
```