Initial commit: Hermes Chat App with Svelte 5 + shadcn-svelte
This commit is contained in:
16
src/lib/components/ui/separator/separator.svelte
Normal file
16
src/lib/components/ui/separator/separator.svelte
Normal file
@@ -0,0 +1,16 @@
|
||||
<script lang="ts">
|
||||
import { cn } from "$lib/utils.js";
|
||||
import type { HTMLAttributes } from "svelte/elements";
|
||||
|
||||
let { class: className = "", orientation = "horizontal" as "horizontal" | "vertical", ...rest }: HTMLAttributes<HTMLDivElement> & { orientation?: "horizontal" | "vertical" } = $props();
|
||||
</script>
|
||||
<div
|
||||
role="separator"
|
||||
aria-orientation={orientation}
|
||||
class={cn(
|
||||
"shrink-0 bg-border",
|
||||
orientation === "horizontal" ? "h-[1px] w-full" : "h-full w-[1px]",
|
||||
className
|
||||
)}
|
||||
{...rest}
|
||||
/>
|
||||
Reference in New Issue
Block a user