website/plasma-web-docs/docs/components/Editable.mdx - dev - sdds/plasma

website/plasma-web-docs/docs/components/Editable.mdx

32 строки719 B

Alex Lobyntsev

feat(plasma-web-docs): add Editable

06 мар 2023, 15:52

06 мар 2023, 15:529aa3e8b

---
id: Editable
title: Editable
---

import { PropsTable, Description, StorybookLink } from '@site/src/components';

# Editable

<Description name="Editable" />
<PropsTable name="Editable" />
<StorybookLink name="Editable" />

## Использование

```tsx live
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') }}
        />
    );
}
```