Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Add sistent-divider-component #6048

Prev Previous commit
Next Next commit
chore: removed SistentThemeProvider from code example
Signed-off-by: Mdkaif-123 <[email protected]>
mdkaifansari04 committed Nov 11, 2024
commit 1b49a8f8896f52ef8423ed5d1c56acf9cfa86bb6
26 changes: 8 additions & 18 deletions src/sections/Projects/Sistent/components/divider/code.js
Original file line number Diff line number Diff line change
@@ -51,8 +51,7 @@ const content = (
);

const codes = [
`<SistentThemeProvider>
<List sx={style}>
`<List sx={style}>
<ListItem>
<ListItemText primary="Full width variant below" />
</ListItem>
@@ -68,10 +67,8 @@ const codes = [
<ListItem>
<ListItemText primary="List item" />
</ListItem>
</List>
</SistentThemeProvider>`,
` <SistentThemeProvider>
<Box
</List>`,
`<Box
sx={{
display: "inline-flex",
alignItems: "center",
@@ -88,11 +85,8 @@ const codes = [
<FormatBoldIcon />
<Divider orientation="vertical" variant="middle" flexItem />
<FormatItalicIcon />
</Box>
</SistentThemeProvider>
`,
`<SistentThemeProvider>
<Box
</Box>`,
`<Box
sx={{
display: "flex",
alignItems: "center",
@@ -111,11 +105,8 @@ const codes = [
<FormatAlignRightIcon />
<Divider orientation="vertical" flexItem />
<FormatBoldIcon />
</Box>
</SistentThemeProvider>
`,
`<SistentThemeProvider>
<Root>
</Box>`,
`<Root>
{content}
<Divider>CENTER</Divider>
{content}
@@ -127,8 +118,7 @@ const codes = [
<Chip label="Chip" size="small" />
</Divider>
{content}
</Root>
</SistentThemeProvider>`,
</Root>`,
];

export const DividerCode = () => {