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) {
1414 { props . label && < span id = { id } > { props . label } </ span > }
1515 < Group { ...props } aria-labelledby = { id } >
1616 { composeRenderProps ( props . children , ( children , renderProps ) => (
17- < InputContext value = { { disabled : renderProps . isDisabled } } >
17+ < InputContext . Provider value = { { disabled : renderProps . isDisabled } } >
1818 { children }
19- </ InputContext >
19+ </ InputContext . Provider >
2020 ) ) }
2121 </ Group >
2222 </ div >
Original file line number Diff line number Diff line change @@ -4,8 +4,8 @@ import './Toolbar.css';
44
55export function Toolbar ( props : ToolbarProps ) {
66 return (
7- < ToggleButtonGroupContext value = { { orientation : props . orientation } } >
7+ < ToggleButtonGroupContext . Provider value = { { orientation : props . orientation } } >
88 < RACToolbar { ...props } />
9- </ ToggleButtonGroupContext >
9+ </ ToggleButtonGroupContext . Provider >
1010 ) ;
1111}
Original file line number Diff line number Diff line change 11import { DisclosureGroup } from '../src/DisclosureGroup' ;
2- import { Disclosure } from '../src/Disclosure' ;
2+ import { Disclosure , DisclosureHeader , DisclosurePanel } from '../src/Disclosure' ;
33
44import type { Meta , StoryFn } from '@storybook/react' ;
55
@@ -16,11 +16,17 @@ type Story = StoryFn<typeof DisclosureGroup>;
1616
1717export const Example : Story = ( args ) => (
1818 < 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 >
2124 </ 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 >
2430 </ Disclosure >
2531 </ DisclosureGroup >
2632) ;
You can’t perform that action at this time.
0 commit comments