feat(*): update docs for form

salute-developers · Nov 15, 2024 · e4e21b9 · e4e21b9
1 parent b1e3643
commit e4e21b9
Show file tree

Hide file tree

Showing 17 changed files with 165 additions and 7 deletions.
diff --git a/scaffold/template-docs/docs/form/Components.mdx b/scaffold/template-docs/docs/form/Components.mdx
@@ -74,3 +74,38 @@ sidebar_position: 4
 ]
 ```
 
+
+
+### Combobox
+
+#### React Hook Form
+
+Изначальные значения задаются в defaultValue через параметр в компоненте. Возвращаемый и изначальный тип `string`.
+
+#### Нативная форма 
+
+Изначальные значения задаются в defaultValue через параметр в компоненте. Возвращаемый и изначальный тип `string`.
+
+
+### Combobox Multiple
+
+#### React Hook Form
+
+Изначальные значения задаются в defaultValue (`string[]`) через параметр в компоненте. Возвращаемый тип `string[]`.
+
+#### Нативная форма 
+
+Изначальные значения задаются в defaultValue (`number[]`) через параметр в компоненте. Возвращается количество выбранных элементов с ключем `name` и значением `value`. 
+```
+
+[
+    ['textfield': 'test'],
+    ...
+    ['combobox': 'test_1'],
+    ['combobox': 'test_2'],
+    ...
+    ['textfield2': 'test'],
+]
+
+```
+
diff --git a/scaffold/template-docs/docs/form/NativeForm.mdx b/scaffold/template-docs/docs/form/NativeForm.mdx
@@ -54,8 +54,9 @@ export function App() {
                     />
                 ))}
             </RadioGroup>
-            <Slider name="slider" label="Slider" type="single" min={0} max={100} />
+             <Slider name="slider" label="Slider" type="single" min={0} max={100} />
             <DatePicker label="DatePicker" name="datepicker" />
+            <Combobox label="Combobox" name="combobox" />
             <Button type="submit">Отправить</Button>
         </form>
     );

diff --git a/scaffold/template-docs/docs/form/ReactHookForm.mdx b/scaffold/template-docs/docs/form/ReactHookForm.mdx
@@ -51,6 +51,8 @@ export function App() {
             </RadioGroup>
             <Slider {...register('slider')} label="Slider" type="single" min={0} max={100} />
             <Slider {...register('sliderdouble')} label="Slider Double" type="double" min={0} max={100} />
+            <Combobox {...register('combobox')} />
+            <Combobox {...register('comboboxMultiple')} />
             <Button type="submit">Отправить</Button>
         </form>
     );

diff --git a/website/plasma-b2c-docs/docs/form/NativeForm.mdx b/website/plasma-b2c-docs/docs/form/NativeForm.mdx
@@ -54,7 +54,7 @@ export function App() {
                     />
                 ))}
             </RadioGroup>
-            <Slider name="slider" label="Slider" type="single" min={0} max={100} />
+             <Slider name="slider" label="Slider" type="single" min={0} max={100} />
             <DatePicker label="DatePicker" name="datepicker" />
             <Combobox label="Combobox" name="combobox" />
             <Button type="submit">Отправить</Button>

diff --git a/website/plasma-web-docs/docs/form/Components.mdx b/website/plasma-web-docs/docs/form/Components.mdx
@@ -74,3 +74,38 @@ sidebar_position: 4
 ]
 ```
 
+
+
+### Combobox
+
+#### React Hook Form
+
+Изначальные значения задаются в defaultValue через параметр в компоненте. Возвращаемый и изначальный тип `string`.
+
+#### Нативная форма 
+
+Изначальные значения задаются в defaultValue через параметр в компоненте. Возвращаемый и изначальный тип `string`.
+
+
+### Combobox Multiple
+
+#### React Hook Form
+
+Изначальные значения задаются в defaultValue (`string[]`) через параметр в компоненте. Возвращаемый тип `string[]`.
+
+#### Нативная форма 
+
+Изначальные значения задаются в defaultValue (`number[]`) через параметр в компоненте. Возвращается количество выбранных элементов с ключем `name` и значением `value`. 
+```
+
+[
+    ['textfield': 'test'],
+    ...
+    ['combobox': 'test_1'],
+    ['combobox': 'test_2'],
+    ...
+    ['textfield2': 'test'],
+]
+
+```
+
diff --git a/website/plasma-web-docs/docs/form/NativeForm.mdx b/website/plasma-web-docs/docs/form/NativeForm.mdx
@@ -54,8 +54,9 @@ export function App() {
                     />
                 ))}
             </RadioGroup>
-            <Slider name="slider" label="Slider" type="single" min={0} max={100} />
+             <Slider name="slider" label="Slider" type="single" min={0} max={100} />
             <DatePicker label="DatePicker" name="datepicker" />
+            <Combobox label="Combobox" name="combobox" />
             <Button type="submit">Отправить</Button>
         </form>
     );

diff --git a/website/plasma-web-docs/docs/form/ReactHookForm.mdx b/website/plasma-web-docs/docs/form/ReactHookForm.mdx
@@ -51,6 +51,8 @@ export function App() {
             </RadioGroup>
             <Slider {...register('slider')} label="Slider" type="single" min={0} max={100} />
             <Slider {...register('sliderdouble')} label="Slider Double" type="double" min={0} max={100} />
+            <Combobox {...register('combobox')} />
+            <Combobox {...register('comboboxMultiple')} />
             <Button type="submit">Отправить</Button>
         </form>
     );

diff --git a/website/sdds-cs-docs/docs/form/Components.mdx b/website/sdds-cs-docs/docs/form/Components.mdx
@@ -74,3 +74,38 @@ sidebar_position: 4
 ]
 ```
 
+
+
+### Combobox
+
+#### React Hook Form
+
+Изначальные значения задаются в defaultValue через параметр в компоненте. Возвращаемый и изначальный тип `string`.
+
+#### Нативная форма 
+
+Изначальные значения задаются в defaultValue через параметр в компоненте. Возвращаемый и изначальный тип `string`.
+
+
+### Combobox Multiple
+
+#### React Hook Form
+
+Изначальные значения задаются в defaultValue (`string[]`) через параметр в компоненте. Возвращаемый тип `string[]`.
+
+#### Нативная форма 
+
+Изначальные значения задаются в defaultValue (`number[]`) через параметр в компоненте. Возвращается количество выбранных элементов с ключем `name` и значением `value`. 
+```
+
+[
+    ['textfield': 'test'],
+    ...
+    ['combobox': 'test_1'],
+    ['combobox': 'test_2'],
+    ...
+    ['textfield2': 'test'],
+]
+
+```
+
diff --git a/website/sdds-cs-docs/docs/form/NativeForm.mdx b/website/sdds-cs-docs/docs/form/NativeForm.mdx
@@ -54,8 +54,9 @@ export function App() {
                     />
                 ))}
             </RadioGroup>
-            <Slider name="slider" label="Slider" type="single" min={0} max={100} />
+             <Slider name="slider" label="Slider" type="single" min={0} max={100} />
             <DatePicker label="DatePicker" name="datepicker" />
+            <Combobox label="Combobox" name="combobox" />
             <Button type="submit">Отправить</Button>
         </form>
     );

diff --git a/website/sdds-cs-docs/docs/form/ReactHookForm.mdx b/website/sdds-cs-docs/docs/form/ReactHookForm.mdx
@@ -51,6 +51,8 @@ export function App() {
             </RadioGroup>
             <Slider {...register('slider')} label="Slider" type="single" min={0} max={100} />
             <Slider {...register('sliderdouble')} label="Slider Double" type="double" min={0} max={100} />
+            <Combobox {...register('combobox')} />
+            <Combobox {...register('comboboxMultiple')} />
             <Button type="submit">Отправить</Button>
         </form>
     );

diff --git a/website/sdds-dfa-docs/docs/form/Components.mdx b/website/sdds-dfa-docs/docs/form/Components.mdx
@@ -74,3 +74,38 @@ sidebar_position: 4
 ]
 ```
 
+
+
+### Combobox
+
+#### React Hook Form
+
+Изначальные значения задаются в defaultValue через параметр в компоненте. Возвращаемый и изначальный тип `string`.
+
+#### Нативная форма 
+
+Изначальные значения задаются в defaultValue через параметр в компоненте. Возвращаемый и изначальный тип `string`.
+
+
+### Combobox Multiple
+
+#### React Hook Form
+
+Изначальные значения задаются в defaultValue (`string[]`) через параметр в компоненте. Возвращаемый тип `string[]`.
+
+#### Нативная форма 
+
+Изначальные значения задаются в defaultValue (`number[]`) через параметр в компоненте. Возвращается количество выбранных элементов с ключем `name` и значением `value`. 
+```
+
+[
+    ['textfield': 'test'],
+    ...
+    ['combobox': 'test_1'],
+    ['combobox': 'test_2'],
+    ...
+    ['textfield2': 'test'],
+]
+
+```
+
diff --git a/website/sdds-dfa-docs/docs/form/NativeForm.mdx b/website/sdds-dfa-docs/docs/form/NativeForm.mdx
@@ -54,8 +54,9 @@ export function App() {
                     />
                 ))}
             </RadioGroup>
-            <Slider name="slider" label="Slider" type="single" min={0} max={100} />
+             <Slider name="slider" label="Slider" type="single" min={0} max={100} />
             <DatePicker label="DatePicker" name="datepicker" />
+            <Combobox label="Combobox" name="combobox" />
             <Button type="submit">Отправить</Button>
         </form>
     );

diff --git a/website/sdds-dfa-docs/docs/form/ReactHookForm.mdx b/website/sdds-dfa-docs/docs/form/ReactHookForm.mdx
@@ -51,6 +51,8 @@ export function App() {
             </RadioGroup>
             <Slider {...register('slider')} label="Slider" type="single" min={0} max={100} />
             <Slider {...register('sliderdouble')} label="Slider Double" type="double" min={0} max={100} />
+            <Combobox {...register('combobox')} />
+            <Combobox {...register('comboboxMultiple')} />
             <Button type="submit">Отправить</Button>
         </form>
     );

diff --git a/website/sdds-insol-docs/docs/form/NativeForm.mdx b/website/sdds-insol-docs/docs/form/NativeForm.mdx
@@ -54,8 +54,9 @@ export function App() {
                     />
                 ))}
             </RadioGroup>
-            <Slider name="slider" label="Slider" type="single" min={0} max={100} />
+             <Slider name="slider" label="Slider" type="single" min={0} max={100} />
             <DatePicker label="DatePicker" name="datepicker" />
+            <Combobox label="Combobox" name="combobox" />
             <Button type="submit">Отправить</Button>
         </form>
     );

diff --git a/website/sdds-insol-docs/docs/form/ReactHookForm.mdx b/website/sdds-insol-docs/docs/form/ReactHookForm.mdx
@@ -51,6 +51,8 @@ export function App() {
             </RadioGroup>
             <Slider {...register('slider')} label="Slider" type="single" min={0} max={100} />
             <Slider {...register('sliderdouble')} label="Slider Double" type="double" min={0} max={100} />
+            <Combobox {...register('combobox')} />
+            <Combobox {...register('comboboxMultiple')} />
             <Button type="submit">Отправить</Button>
         </form>
     );

diff --git a/website/sdds-serv-docs/docs/form/NativeForm.mdx b/website/sdds-serv-docs/docs/form/NativeForm.mdx
@@ -54,8 +54,9 @@ export function App() {
                     />
                 ))}
             </RadioGroup>
-            <Slider name="slider" label="Slider" type="single" min={0} max={100} />
+             <Slider name="slider" label="Slider" type="single" min={0} max={100} />
             <DatePicker label="DatePicker" name="datepicker" />
+            <Combobox label="Combobox" name="combobox" />
             <Button type="submit">Отправить</Button>
         </form>
     );

diff --git a/website/sdds-serv-docs/docs/form/ReactHookForm.mdx b/website/sdds-serv-docs/docs/form/ReactHookForm.mdx
@@ -51,6 +51,8 @@ export function App() {
             </RadioGroup>
             <Slider {...register('slider')} label="Slider" type="single" min={0} max={100} />
             <Slider {...register('sliderdouble')} label="Slider Double" type="double" min={0} max={100} />
+            <Combobox {...register('combobox')} />
+            <Combobox {...register('comboboxMultiple')} />
             <Button type="submit">Отправить</Button>
         </form>
     );