Commit97fe2be

committed

feat: add a separator component

1 parentf8ed067 commit97fe2beCopy full SHA for 97fe2be

File tree

+112

-0

lines changed

+112

-0

lines changed

Lines changed: 1 addition & 0 deletions

Lines changed: 78 additions & 0 deletions

Some generated files are not rendered by default. Learn more aboutcustomizing how changed files appear on GitHub.

Lines changed: 30 additions & 0 deletions

Original file line number	Diff line number	Diff line change
`@@ -0,0 +1,30 @@`
	`1`	`+import*asSeparatorPrimitivefrom"@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`	`+importtype*asReactfrom"react";`
	`7`	`+`
	`8`	`+import{cn}from"utils/cn";`
	`9`	`+`
	`10`	`+functionSeparator({`
	`11`	`+className,`
	`12`	`+orientation="horizontal",`
	`13`	`+decorative=true,`
	`14`	`+...props`
	`15`	`+}:React.ComponentProps<typeofSeparatorPrimitive.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};`

Lines changed: 3 additions & 0 deletions

Original file line number	Diff line number	Diff line change
`@@ -13,6 +13,7 @@ import { ErrorAlert } from "components/Alert/ErrorAlert";`
`13`	`13`	`import{Button}from"components/Button/Button";`
`14`	`14`	`import{Label}from"components/Label/Label";`
`15`	`15`	`import{RadioGroup,RadioGroupItem}from"components/RadioGroup/RadioGroup";`
	`16`	`+import{Separator}from"components/Separator/Separator";`
`16`	`17`	`import{Skeleton}from"components/Skeleton/Skeleton";`
`17`	`18`	`import{useAuthenticated}from"hooks";`
`18`	`19`	`import{useEffectEvent}from"hooks/hookPolyfills";`
`@@ -244,6 +245,8 @@ const TemplateEmbedPageView: FC<TemplateEmbedPageViewProps> = ({`
`244`	`245`	`</RadioGroup>`
`245`	`246`	`</section>`
`246`	`247`
	`248`	`+<Separator/>`
	`249`	`+`
`247`	`250`	`{parameters.length>0&&(`
`248`	`251`	`<divclassName="flex flex-col gap-9">`
`249`	`252`	`{parameters.map((parameter)=>{`

Comments

(0)