8000 feat: add a separator component · coder/coder@e9671b9 · GitHub
[go: up one dir, main page]
Skip to content

Commit e9671b9

Browse files
jaaydenhjaaydenh
committed
feat: add a separator component
1 parent d9af4b2 commit e9671b9

File tree

4 files changed

+112
-0
lines changed

4 files changed

+112
-0
lines changed

‎site/package.json

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -64,6 +64,7 @@
6464
"@radix-ui/react-radio-group": "1.2.3",
6565
"@radix-ui/react-scroll-area": "1.2.3",
6666
"@radix-ui/react-select": "2.1.4",
67+
"@radix-ui/react-separator": "1.1.7",
6768
"@radix-ui/react-slider": "1.2.2",
6869
"@radix-ui/react-slot": "1.1.1",
6970
"@radix-ui/react-switch": "1.1.1",

‎site/pnpm-lock.yaml

Lines changed: 78 additions & 0 deletions
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

‎site/src/components/Separator/Separator.tsx

Lines changed: 30 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,30 @@
1+
import * as SeparatorPrimitive from "@radix-ui/react-separator";
2+
/**
3+
* Copied from shadc/ui on 06/20/2025
4+
* @see {@link https://ui.shadcn.com/docs/components/separator}
5+
*/
6+
import type * as React from "react";
7+
8+
import { cn } from "utils/cn";
9+
10+
function Separator({
11+
className,
12+
orientation = "horizontal",
13+
decorative = true,
14+
...props
15+
}: React.ComponentProps<typeof SeparatorPrimitive.Root>) {
16+
return (
17+
<SeparatorPrimitive.Root
18+
data-slot="separator"
19+
decorative={decorative}
20+
orientation={orientation}
21+
className={cn(
22+
"bg-border shrink-0 data-[orientation=horizontal]:h-px data-[orientation=horizontal]:w-full data-[orientation=vertical]:h-full data-[orientation=vertical]:w-px",
23+
className,
24+
)}
25+
{...props}
26+
/>
27+
);
28+
}
29+
30+
export { Separator };

‎site/src/pages/TemplatePage/TemplateEmbedPage/TemplateEmbedPageExperimental.tsx

Lines changed: 3 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -13,6 +13,7 @@ import { ErrorAlert } from "components/Alert/ErrorAlert";
1313
import { Button } from "components/Button/Button";
1414
import { Label } from "components/Label/Label";
1515
import { RadioGroup, RadioGroupItem } from "components/RadioGroup/RadioGroup";
16+
import { Separator } from "components/Separator/Separator";
1617
import { Skeleton } from "components/Skeleton/Skeleton";
1718
import { useAuthenticated } from "hooks";
1819
import { useEffectEvent } from "hooks/hookPolyfills";
@@ -244,6 +245,8 @@ const TemplateEmbedPageView: FC<TemplateEmbedPageViewProps> = ({
244245
</RadioGroup>
245246
</section>
246247

248+
<Separator />
249+
247250
{parameters.length > 0 && (
248251
<div className="flex flex-col gap-9">
249252
{parameters.map((parameter) => {

0 commit comments

Comments
 (0)
0