@@ -64,14 +64,14 @@ const SistentCollapse = () => {
6464 </ p >
6565
6666 < div style = { { marginBottom : "1rem" } } >
67- < a id = "Basic Collapse" style = { { display : "block" } } >
68- < h2 style = { { marginBottom : "1.3rem" , fontSize : "1.5rem" } } > Basic Collapse</ h2 >
69- </ a >
70- < p >
67+ < a id = "Basic Collapse" style = { { display : "block" } } >
68+ < h2 style = { { marginBottom : "1.3rem" , fontSize : "1.5rem" } } > Basic Collapse</ h2 >
69+ </ a >
70+ < p >
7171 A simple collapsible section that can be toggled with a button click.
72- </ p >
73- < Row $Vcenter $Hcenter style = { { flexDirection : "column" , gap : "1rem" } } >
74- < SistentThemeProvider initialMode = { isDark ? "dark" : "light" } >
72+ </ p >
73+ < Row $Vcenter $Hcenter style = { { flexDirection : "column" , gap : "1rem" } } >
74+ < SistentThemeProvider initialMode = { isDark ? "dark" : "light" } >
7575 < Button
7676 variant = "contained"
7777 onClick = { ( ) => setExpanded ( ! expanded ) }
@@ -96,14 +96,14 @@ const SistentCollapse = () => {
9696 </ div >
9797
9898 < div style = { { marginBottom : "1rem" } } >
99- < a id = "Default Expanded" style = { { display : "block" } } >
100- < h2 style = { { marginBottom : "1.3rem" , fontSize : "1.5rem" } } > Default Expanded</ h2 >
101- </ a >
102- < p >
99+ < a id = "Default Expanded" style = { { display : "block" } } >
100+ < h2 style = { { marginBottom : "1.3rem" , fontSize : "1.5rem" } } > Default Expanded</ h2 >
101+ </ a >
102+ < p >
103103 A collapsible section that starts expanded by default.
104- </ p >
105- < Row $Vcenter $Hcenter style = { { flexDirection : "column" , gap : "1rem" } } >
106- < SistentThemeProvider initialMode = { isDark ? "dark" : "light" } >
104+ </ p >
105+ < Row $Vcenter $Hcenter style = { { flexDirection : "column" , gap : "1rem" } } >
106+ < SistentThemeProvider initialMode = { isDark ? "dark" : "light" } >
107107 < Button
108108 variant = "outlined"
109109 onClick = { ( ) => setExpanded2 ( ! expanded2 ) }
0 commit comments