@salutejs/plasma-new-hope 0.141.0-canary.1422.10737462879.0 → 0.141.0-canary.1422.10774325656.0

package/emotion/cjs/components/Combobox/Combobox.template-doc.mdx

@@ -296,10 +296,12 @@ type Items = Array<{
         Свойство alwaysOpened позволяет отображать Combobox всегда открытым. При этом closeAfterSelect игнорируется.
 
        ```tsx live
-        import React from 'react';
-        import { Combobox } from '@salutejs/{{ package }}';
+        import React, { useState } from 'react';
+        import { Combobox, Button } from '@salutejs/{{ package }}';
 
         export function App() {
+            const [alwaysOpened, setAlwaysOpened] = useState(false);
+
             const items = [
                 {
                     value: 'north_america',
@@ -324,12 +326,13 @@ type Items = Array<{
             return (
                 <div style=\{{ height: '300px' }}>
                     <div style=\{{width: '300px'}}>
+                        <Button text={ alwaysOpened ? 'По умолчанию' : 'Всегда открыт' } onClick={() => setAlwaysOpened(!alwaysOpened)} style={{ marginBottom: '1rem' }} />
                         <Combobox
                             items={items}
                             placeholder="Placeholder"
                             label="Label"
                             helperText="Helper text"
-                            alwaysOpened
+                            alwaysOpened={alwaysOpened}
                         />
                     </div>
                 </div>