Ilia Mashkov
34 lines
584 B
Svelte
34 lines
584 B
Svelte
<!--
|
|
Component: Divider
|
|
1px separator line, horizontal or vertical.
|
|
-->
|
|
<script lang="ts">
|
|
import { cn } from '$shared/lib';
|
|
|
|
interface Props {
|
|
/**
|
|
* Divider orientation
|
|
* @default 'horizontal'
|
|
*/
|
|
orientation?: 'horizontal' | 'vertical';
|
|
/**
|
|
* CSS classes
|
|
*/
|
|
class?: string;
|
|
}
|
|
|
|
let {
|
|
orientation = 'horizontal',
|
|
class: className,
|
|
}: Props = $props();
|
|
</script>
|
|
|
|
<div
|
|
class={cn(
|
|
'bg-black/10 dark:bg-white/10',
|
|
orientation === 'horizontal' ? 'w-full h-px' : 'w-px h-full',
|
|
className,
|
|
)}
|
|
>
|
|
</div>
|