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

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

32 строки719 B

Alexander Lobyntsev

chore(plasma-b2c-docs): add plasma-b2c documentations

26 авг 2024, 15:03

26 авг 2024, 15:030d6b7fd

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