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

Search code, repositories, users, issues, pull requests...

Provide feedback

We read every piece of feedback, and take your input very seriously.

Saved searches

Use saved searches to filter your results more quickly
Appearance settings

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