@iress-oss/ids-mcp-server 6.0.0-alpha.0 → 6.0.0-alpha.1-canary-20251204014525-3f0dce4

package/generated/docs/components-checkboxgroup-recipes-docs.md

@@ -1,119 +0,0 @@
-[](#recipes)Recipes
-===================
-
-[](#checkboxes-inside-an-iresstable)Checkboxes inside an `IressTable`
----------------------------------------------------------------------
-
-You can use `IressCheckboxGroup` and `IressTable` to create a table with checkboxes, allowing the users to select multiple rows.
-
-Selected values: lemon-drizzle, victoria-sponge
-
-RequiredLet them eat cake
-
-Available options
-| Select | Name |
-| --- | --- |
-| 
-Select lemon drizzle
-
- | Lemon drizzle |
-| 
-
-Select Victoria Sponge
-
- | Victoria Sponge |
-| 
-
-Select Carrot Cake
-
- | Carrot Cake |
-
-Submit
-
-Hide code
-
-\[data-radix-scroll-area-viewport\] { scrollbar-width: none; -ms-overflow-style: none; -webkit-overflow-scrolling: touch; } \[data-radix-scroll-area-viewport\]::-webkit-scrollbar { display: none; } :where(\[data-radix-scroll-area-viewport\]) { display: flex; flex-direction: column; align-items: stretch; } :where(\[data-radix-scroll-area-content\]) { flex-grow: 1; }
-
-import {
-  FormControlValue,
-  IressButton,
-  IressCheckbox,
-  IressForm,
-  IressFormFieldset,
-  IressPanel,
-  IressStack,
-  IressTable,
-} from '@iress-oss/ids-components';
-import { IressCheckboxGroup } from '../CheckboxGroup';
-import { toArray } from '../../../helpers/formatting/toArray';
-interface FieldValues {
-  'let-them-eat-cake'?: FormControlValue\[\];
-}
-const SelectedValues \= () \=> {
-  const value \= IressForm.useWatch<FieldValues\>({ name: 'let-them-eat-cake' });
-  const valueString \= toArray(value).join(', ');
-  return (
-    <IressPanel\>
-      Selected values: {valueString ? valueString : 'None'}
-    </IressPanel\>
-  );
-};
-export const CheckboxGroupTable \= () \=> (
-  <IressForm
-    defaultValues\={{
-      'let-them-eat-cake': \['lemon-drizzle', 'victoria-sponge'\],
-    }}
-  \>
-    <IressStack gap\="md"\>
-      <SelectedValues />
-      <IressFormFieldset
-        label\="Let them eat cake"
-        name\="let-them-eat-cake"
-        hiddenLabel
-        rules\={{ required: 'Please select a cake' }}
-        render\={(field) \=> (
-          <IressCheckboxGroup {...field} layout\="stack"\>
-            <IressTable
-              caption\="Available options"
-              columns\={\[
-                { key: 'select', label: 'Select', width: '2rem' },
-                { key: 'name', label: 'Name' },
-              \]}
-              rows\={\[
-                {
-                  select: (
-                    <IressCheckbox hiddenLabel value\="lemon-drizzle"\>
-                      Select lemon drizzle                    </IressCheckbox\>
-                  ),
-                  name: 'Lemon drizzle',
-                },
-                {
-                  select: (
-                    <IressCheckbox hiddenLabel value\="victoria-sponge"\>
-                      Select Victoria Sponge                    </IressCheckbox\>
-                  ),
-                  name: 'Victoria Sponge',
-                },
-                {
-                  select: (
-                    <IressCheckbox hiddenLabel value\="carrot-cake"\>
-                      Select Carrot Cake                    </IressCheckbox\>
-                  ),
-                  name: 'Carrot Cake',
-                },
-              \]}
-            />
-          </IressCheckboxGroup\>
-        )}
-      />
-      <IressButton type\="submit" mode\="primary"\>
-        Submit      </IressButton\>
-    </IressStack\>
-  </IressForm\>
-);
-
-Copy
-
-On this page
-
-*   [Checkboxes inside an IressTable](#checkboxes-inside-an-iresstable)