studio/cunningham
2
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

📝(react) add multi select doc

Browse Source 
Also rename existing doc for the mono select to mono.mdx for homogeneity
purposes.
This commit is contained in:
Nathan Vasse
2023-06-12 14:28:16 +02:00
committed by NathanVss
parent c8afa105dd
commit 3ff2ac4a64
1 changed files with 3 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
packages/react/src/components/Forms/Select/index.mdx → packages/react/src/components/Forms/Select/mono.mdx
View File

@@ -9,7 +9,7 @@ import * as Stories from './mono.stories';
Cunningham provides a versatile Select component that you can use in your forms. This component follows the [ARIA design pattern](https://www.w3.org/WAI/ARIA/apg/patterns/combobox/examples/combobox-autocomplete-list/) Cunningham provides a versatile Select component that you can use in your forms. This component follows the [ARIA design pattern](https://www.w3.org/WAI/ARIA/apg/patterns/combobox/examples/combobox-autocomplete-list/)
using [Downshift](https://www.downshift-js.com/), so that mean there is no `select` wrapped inside it. using [Downshift](https://www.downshift-js.com/), so that mean there is no `select` wrapped inside it.
> For now it is only available for mono selection, multiple selection will be available soon. > You can also use the [multi version](?path=/docs/components-forms-select-multi--docs) if you need
<Canvas> <Canvas>
<Story id="components-forms-select-mono--uncontrolled"/> <Story id="components-forms-select-mono--uncontrolled"/>
@@ -62,7 +62,7 @@ As a regular select, you can disable it by using the `disabled` props.
## Texts ## Texts
As the component uses [Field](?path=/story/components-forms-field-doc--page), you can use the `text` props to provide a description of the checkbox. As the component uses [Field](?path=/docs/components-forms-field--docs), you can use the `text` props to provide a description of the checkbox.
<Canvas sourceState="shown"> <Canvas sourceState="shown">
<Story id="components-forms-select-mono--with-text"/> <Story id="components-forms-select-mono--with-text"/>
@@ -162,4 +162,4 @@ See also [Field](?path=/story/components-forms-field-doc--page)
## ##
<img src="components/Forms/Select/resources/dd_3.svg"/> <img src="components/Forms/Select/resources/dd_3.svg"/>