Skip to content

Commit

Permalink
chore: refactor the code example indentation
Browse files Browse the repository at this point in the history 
Signed-off-by: Mdkaif-123 <[email protected]>
  • Loading branch information
@mdkaifansari04
mdkaifansari04 committed Nov 6, 2024
1 parent c1efa8c commit 82201de
Showing 1 changed file with 75 additions and 77 deletions.
152 changes: 75 additions & 77 deletions src/sections/Projects/Sistent/components/divider/code.js
View file
Original file line number Diff line number Diff line change
Expand Up @@ -51,86 +51,84 @@ const content = (
);

const codes = [
` <SistentThemeProvider>
<List sx={style}>
<ListItem>
<ListItemText primary="Full width variant below" />
</ListItem>
<Divider component="li" />
<ListItem>
<ListItemText primary="Inset variant below" />
</ListItem>
<Divider variant="inset" component="li" />
<ListItem>
<ListItemText primary="Middle variant below" />
</ListItem>
<Divider variant="middle" component="li" />
<ListItem>
<ListItemText primary="List item" />
</ListItem>
</List>
</SistentThemeProvider>`,

`<SistentThemeProvider>
<List sx={style}>
<ListItem>
<ListItemText primary="Full width variant below" />
</ListItem>
<Divider component="li" />
<ListItem>
<ListItemText primary="Inset variant below" />
</ListItem>
<Divider variant="inset" component="li" />
<ListItem>
<ListItemText primary="Middle variant below" />
</ListItem>
<Divider variant="middle" component="li" />
<ListItem>
<ListItemText primary="List item" />
</ListItem>
</List>
</SistentThemeProvider>`,
` <SistentThemeProvider>
<Box
sx={{
display: "inline-flex",
alignItems: "center",
border: "1px solid",
borderColor: "divider",
borderRadius: 2,
bgcolor: "background.paper",
color: "text.secondary",
"& svg": {
m: 1,
},
}}
>
<FormatBoldIcon />
<Divider orientation="vertical" variant="middle" flexItem />
<FormatItalicIcon />
</Box>
</SistentThemeProvider>
<Box
sx={{
display: "inline-flex",
alignItems: "center",
border: "1px solid",
borderColor: "divider",
borderRadius: 2,
bgcolor: "background.paper",
color: "text.secondary",
"& svg": {
m: 1,
},
}}
>
<FormatBoldIcon />
<Divider orientation="vertical" variant="middle" flexItem />
<FormatItalicIcon />
</Box>
</SistentThemeProvider>
`,
`
<SistentThemeProvider>
<Box
sx={{
display: "flex",
alignItems: "center",
border: "1px solid",
borderColor: "divider",
borderRadius: 1,
bgcolor: "background.paper",
color: "text.secondary",
"& svg": {
m: 1,
},
}}
>
<FormatAlignLeftIcon />
<FormatAlignCenterIcon />
<FormatAlignRightIcon />
<Divider orientation="vertical" flexItem />
<FormatBoldIcon />
</Box>
</SistentThemeProvider>
`<SistentThemeProvider>
<Box
sx={{
display: "flex",
alignItems: "center",
border: "1px solid",
borderColor: "divider",
borderRadius: 1,
bgcolor: "background.paper",
color: "text.secondary",
"& svg": {
m: 1,
},
}}
>
<FormatAlignLeftIcon />
<FormatAlignCenterIcon />
<FormatAlignRightIcon />
<Divider orientation="vertical" flexItem />
<FormatBoldIcon />
</Box>
</SistentThemeProvider>
`,
` <SistentThemeProvider>
<Root>
{content}
<Divider>CENTER</Divider>
{content}
<Divider textAlign="left">LEFT</Divider>
{content}
<Divider textAlign="right">RIGHT</Divider>
{content}
<Divider>
<Chip label="Chip" size="small" />
</Divider>
{content}
</Root>
</SistentThemeProvider>`,
`<SistentThemeProvider>
<Root>
{content}
<Divider>CENTER</Divider>
{content}
<Divider textAlign="left">LEFT</Divider>
{content}
<Divider textAlign="right">RIGHT</Divider>
{content}
<Divider>
<Chip label="Chip" size="small" />
</Divider>
{content}
</Root>
</SistentThemeProvider>`,
];

export const DividerCode = () => {
Expand Down

0 comments on commit 82201de

Please sign in to comment.