adilallo
29 lines
560 B
JavaScript
29 lines
560 B
JavaScript
import Separator from "../../app/components/utility/Separator";
|
|
|
|
export default {
|
|
title: "Components/Utility/Separator",
|
|
component: Separator,
|
|
parameters: {
|
|
layout: "padded",
|
|
},
|
|
argTypes: {},
|
|
};
|
|
|
|
export const Default = {
|
|
render: () => (
|
|
<div style={{ width: 320 }}>
|
|
<Separator />
|
|
</div>
|
|
),
|
|
};
|
|
|
|
export const InContext = {
|
|
render: () => (
|
|
<div style={{ width: 320, display: "flex", flexDirection: "column", gap: 12 }}>
|
|
<p>Above the separator</p>
|
|
<Separator />
|
|
<p>Below the separator</p>
|
|
</div>
|
|
),
|
|
};
|