File tree 2 files changed +10
-2
lines changed
packages/svelteui-core/src/components/Accordion
2 files changed +10
-2
lines changed Original file line number Diff line number Diff line change 75
75
</Story >
76
76
77
77
<Story name =" Controlled" id =" accordionControlledStory" >
78
- <Accordion {value } on:change ={(e ) => (value = e .detail )}>
78
+ <button
79
+ on:click ={() => {
80
+ const array = [' typescript' , ' packed' , ' accessible' ];
81
+ value = array [Math .floor (Math .random () * array .length )];
82
+ }}>Pick random</button
83
+ >
84
+ {value }
85
+ <Accordion {value }>
79
86
<Accordion .Item value =" typescript" >
80
87
<div slot =" control" >Typescript Based</div >
81
88
Build type safe applications. All SvelteUI packages are built with TypeScript and support it by
Original file line number Diff line number Diff line change 40
40
41
41
const dispatch = createEventDispatcher ();
42
42
43
- let _value: AccordionValue <Multiple > = value || defaultValue ;
43
+ let _value: AccordionValue <Multiple >;
44
44
let stateContent = {
45
45
variant ,
46
46
order ,
56
56
const state = writable (stateContent );
57
57
58
58
// converts internal value into correct type
59
+ $ : _value = value || defaultValue ;
59
60
$ : {
60
61
if (multiple && ! Array .isArray (_value )) {
61
62
_value = (_value ? [_value ] : []) as AccordionValue <Multiple >;
You can’t perform that action at this time.
0 commit comments