File tree Expand file tree Collapse file tree 3 files changed +15
-9
lines changed Expand file tree Collapse file tree 3 files changed +15
-9
lines changed Original file line number Diff line number Diff line change @@ -14,9 +14,9 @@ export function InputGroup(props: InputGroupProps) {
14
14
{ props . label && < span id = { id } > { props . label } </ span > }
15
15
< Group { ...props } aria-labelledby = { id } >
16
16
{ composeRenderProps ( props . children , ( children , renderProps ) => (
17
- < InputContext value = { { disabled : renderProps . isDisabled } } >
17
+ < InputContext . Provider value = { { disabled : renderProps . isDisabled } } >
18
18
{ children }
19
- </ InputContext >
19
+ </ InputContext . Provider >
20
20
) ) }
21
21
</ Group >
22
22
</ div >
Original file line number Diff line number Diff line change @@ -4,8 +4,8 @@ import './Toolbar.css';
4
4
5
5
export function Toolbar ( props : ToolbarProps ) {
6
6
return (
7
- < ToggleButtonGroupContext value = { { orientation : props . orientation } } >
7
+ < ToggleButtonGroupContext . Provider value = { { orientation : props . orientation } } >
8
8
< RACToolbar { ...props } />
9
- </ ToggleButtonGroupContext >
9
+ </ ToggleButtonGroupContext . Provider >
10
10
) ;
11
11
}
Original file line number Diff line number Diff line change 1
1
import { DisclosureGroup } from '../src/DisclosureGroup' ;
2
- import { Disclosure } from '../src/Disclosure' ;
2
+ import { Disclosure , DisclosureHeader , DisclosurePanel } from '../src/Disclosure' ;
3
3
4
4
import type { Meta , StoryFn } from '@storybook/react' ;
5
5
@@ -16,11 +16,17 @@ type Story = StoryFn<typeof DisclosureGroup>;
16
16
17
17
export const Example : Story = ( args ) => (
18
18
< DisclosureGroup { ...args } style = { { width : '400px' } } >
19
- < Disclosure id = "personal" title = "Personal Information" >
20
- < p > Personal information form here.</ p >
19
+ < Disclosure id = "personal" >
20
+ < DisclosureHeader > Personal Information</ DisclosureHeader >
21
+ < DisclosurePanel >
22
+ < p > Personal information form here.</ p >
23
+ </ DisclosurePanel >
21
24
</ Disclosure >
22
- < Disclosure id = "billing" title = "Billing Address" >
23
- < p > Billing address form here.</ p >
25
+ < Disclosure id = "billing" >
26
+ < DisclosureHeader > Billing Address</ DisclosureHeader >
27
+ < DisclosurePanel >
28
+ < p > Billing address form here.</ p >
29
+ </ DisclosurePanel >
24
30
</ Disclosure >
25
31
</ DisclosureGroup >
26
32
) ;
You can’t perform that action at this time.
0 commit comments