website/sdds-serv-docs/docs/_examples/_textfield/_controlled.mdx - dev - sdds/plasma

website/sdds-serv-docs/docs/_examples/_textfield/_controlled.mdx

25 строк765 B

Alexander Lobyntsev

docs(textfield): rework doc examples [PLASMA-6734]

06 мар 2026, 11:33

06 мар 2026, 11:33403210f

```tsx live
import React, {useState} from 'react';
import { TextField } from '@salutejs/sdds-serv';
import { IconBellFill, IconDone } from '@salutejs/plasma-icons';

export function App() {
    const [text, setText] = useState('Значение поля');

    return (
        <div>
            <TextField
                value={text}
                onChange={(e) => {
                    setText(e.target.value);
                }}
                label="Uncontrolled TextField"
                defaultValue="Дефолтное значение"
                contentLeft={<IconBellFill size="s" color="inherit" />}
                contentRight={<IconDone size="s" color="inherit" />}
                view="default"
            />
        </div>
    );
}
```