Separator
nativeui/separatorFreeComponent
A separator component for React Native applications.
Live preview
live · rendered by the registry
Rendered by nativeui on their own page — this is the component running, not a screenshot of it.Install it
npx shadcn@latest add https://nativeui.ribbi.ch/r/separator.jsonSource
1import React from "react";2import { View } from "react-native";3import { cn } from "@/lib/utils";45interface SeparatorProps {6 className?: string;7 orientation?: "horizontal" | "vertical";8}910function Separator({11 className,12 orientation = "horizontal",13}: SeparatorProps) {14 return (15 <View16 className={cn(17 "bg-border",18 orientation === "horizontal" ? "h-px w-full" : "h-full w-px",19 className20 )}21 />22 );23}2425export { Separator };
What it pulls in
npm packages
Files it writes
More from nativeui
All 29 items| Component | Registry | Kind | Access | Installs | Command |
|---|---|---|---|---|---|
| Accordionaccordion | nativeui | Components | Free | 2 deps | |
| Alertalert | nativeui | Components | Free | 2 deps | |
| Alert Dialogalert-dialog | nativeui | Components | Free | 1 dep | |
| Avataravatar | nativeui | Components | Free | 1 dep | |
| Badgebadge | nativeui | Components | Free | 2 deps | |
| Breadcrumbbreadcrumb | nativeui | Components | Free | 2 deps | |
| Buttonbutton | nativeui | Components | Free | 2 deps | |
| Calendarcalendar | nativeui | Components | Free | 4 deps |
