scaffold/template-docs/docs/form/Components.mdx - dev - sdds/plasma

scaffold/template-docs/docs/form/Components.mdx
113 строк4 KB
Neretin Artem
docs(plasma-giga,sdds-*): Add docs for `applyPaper` mixin
03 мар 2025, 15:54
03 мар 2025, 15:54c8a4c98
---
id: components
title: Поддержка компонентов
sidebar_position: 4
---

### TextField, TextArea, Radiobox, Checkbox, Autocomplete и Switch

#### React Hook Form

Изначальные значения задаются в defaultValues. Возвращаемый и изначальный тип как у нативных элементов.

#### Нативная форма 

Изначальные значения задаются в defaultValue через параметр в компоненте.


### Single Slider

#### React Hook Form

Изначальные значения задаются в defaultValue через параметр в компоненте. Возвращаемый и изначальный тип `number`.

#### Нативная форма 

Изначальные значения задаются в defaultValue через параметр в компоненте. Возвращаемый и изначальный тип `number`.


### Double Slider

#### React Hook Form

Изначальные значения задаются в defaultValue (`number[]`) через параметр в компоненте. Возвращаемый тип `string` в формате `[MIN] - [MAX]`.

#### Нативная форма 

Изначальные значения задаются в defaultValue (`number[]`) через параметр в компоненте. Возвращается два ключа с одинаковым именем. Первое значение `min`, второе `max`. 
```

[
    ['textfield': 'test'],
    ...
    ['sliderdouble': 1],
    ['sliderdouble': 3],
    ...
    ['textfield2': 'test'],
]

```


### DatePicker

#### Нативная форма 

Изначальные значения задаются в defaultValue через параметр в компоненте. Возвращаемый и изначальный тип `string`.


### DatePicker Range

#### Нативная форма 

Изначальные значения задаются в defaultValue (`string[]`) через параметр в компоненте. Первое значение `min`, второе `max`. 

```

[
    ['textfield': 'test'],
    ...
    ['datepickerRange': '01.01.2024'],
    ['datepickerRange': '11.01.2024'],
    ...
    ['textfield2': 'test'],
]
```



### Combobox и Select

#### React Hook Form

Изначальные значения задаются в defaultValue через параметр в компоненте. Возвращаемый и изначальный тип `string`.

#### Нативная форма 

Изначальные значения задаются в defaultValue через параметр в компоненте. Возвращаемый и изначальный тип `string`.


### Combobox Multiple и Select Multi

#### React Hook Form

Изначальные значения задаются в defaultValue (`string[]`) через параметр в компоненте. Возвращаемый тип `string[]`.

#### Нативная форма 

Изначальные значения задаются в defaultValue (`number[]`) через параметр в компоненте. Возвращается количество выбранных элементов с ключем `name` и значением `value`. 
```

[
    ['textfield': 'test'],
    ...
    ['combobox': 'test_1'],
    ['combobox': 'test_2'],
    ...
    ['select': 'test_1'],
    ['select': 'test_2'],
    ...
    ['textfield2': 'test'],
]

```