Functions — github.com/birobirobiro/awesome-shadcn-ui

hub / github.com/birobirobiro/awesome-shadcn-ui / functions

Functions408 in github.com/birobirobiro/awesome-shadcn-ui

⨍ Functions 408◇ Types & classes 43

FunctionPopoverTrigger

({ ...props }: React.ComponentProps<typeof PopoverPrimitive.Trigger>)

src/components/ui/popover.tsx:14

FunctionProgress

({ className, value, ...props }: React.ComponentProps<typeof ProgressPrimitive.Root>)

src/components/ui/progress.tsx:8

FunctionProviders

({ children }: { children: React.ReactNode })

src/providers/providers.tsx:7

FunctionRadioGroup

({ className, ...props }: React.ComponentProps<typeof RadioGroupPrimitive.Root>)

src/components/ui/radio-group.tsx:8

FunctionRadioGroupItem

({ className, ...props }: React.ComponentProps<typeof RadioGroupPrimitive.Item>)

src/components/ui/radio-group.tsx:21

FunctionResizableHandle

({ withHandle, className, ...props }: ResizablePrimitive.SeparatorProps & { withHandle?: boolean; })

src/components/ui/resizable.tsx:27

FunctionResizablePanel

({ ...props }: ResizablePrimitive.PanelProps)

src/components/ui/resizable.tsx:23

FunctionResizablePanelGroup

({ className, ...props }: ResizablePrimitive.GroupProps)

src/components/ui/resizable.tsx:7

FunctionRootLayout

({ children, }: { children: React.ReactNode; })

src/app/layout.tsx:81

FunctionScrollArea

({ className, children, ...props }: React.ComponentProps<typeof ScrollAreaPrimitive.Root>)

src/components/ui/scroll-area.tsx:8

FunctionScrollBar

({ className, orientation = "vertical", ...props }: React.ComponentProps<typeof ScrollAreaPrimitive.Scro

src/components/ui/scroll-area.tsx:31

FunctionSearchFilterControls

({ searchQuery, setSearchQuery, categoryOptions, selectedCategories, setSelectedCategories, sortOp

src/components/search-filter-controls.tsx:21

FunctionSelect

({ ...props }: React.ComponentProps<typeof SelectPrimitive.Root>)

src/components/ui/select.tsx:9

FunctionSelectContent

({ className, children, position = "item-aligned", align = "center", ...props }: React.ComponentProp

src/components/ui/select.tsx:60

FunctionSelectGroup

({ className, ...props }: React.ComponentProps<typeof SelectPrimitive.Group>)

src/components/ui/select.tsx:15

FunctionSelectItem

({ className, children, ...props }: React.ComponentProps<typeof SelectPrimitive.Item>)

src/components/ui/select.tsx:111

FunctionSelectLabel

({ className, ...props }: React.ComponentProps<typeof SelectPrimitive.Label>)

src/components/ui/select.tsx:98

FunctionSelectScrollDownButton

({ className, ...props }: React.ComponentProps<typeof SelectPrimitive.ScrollDownButton>)

src/components/ui/select.tsx:166

FunctionSelectScrollUpButton

({ className, ...props }: React.ComponentProps<typeof SelectPrimitive.ScrollUpButton>)

src/components/ui/select.tsx:148

FunctionSelectSeparator

({ className, ...props }: React.ComponentProps<typeof SelectPrimitive.Separator>)

src/components/ui/select.tsx:135

FunctionSelectTrigger

({ className, size = "default", children, ...props }: React.ComponentProps<typeof SelectPrimitive.Trig

src/components/ui/select.tsx:34

FunctionSelectValue

({ ...props }: React.ComponentProps<typeof SelectPrimitive.Value>)

src/components/ui/select.tsx:28

FunctionSeparator

({ className, orientation = "horizontal", decorative = true, ...props }: React.ComponentProps<typeof S

src/components/ui/separator.tsx:8

FunctionShadcnBlocksLogo

({ className = "w-5 h-5" }: ShadcnBlocksLogoProps)

src/components/sponsors/shadcn-blocks-logo.tsx:7

FunctionShadcnStudioLogo

({ className = "w-5 h-5" }: ShadcnStudioLogoProps)

src/components/sponsors/shadcn-studio-logo.tsx:7

FunctionShadcnUiKitLogo

({ className = "w-5 h-5" }: ShadcnUiKitLogoProps)

src/components/sponsors/shadcn-ui-kit-logo.tsx:8

FunctionSheet

({ ...props }: React.ComponentProps<typeof SheetPrimitive.Root>)

src/components/ui/sheet.tsx:10

FunctionSheetClose

({ ...props }: React.ComponentProps<typeof SheetPrimitive.Close>)

src/components/ui/sheet.tsx:20

FunctionSheetContent

({ className, children, side = "right", showCloseButton = true, ...props }: React.ComponentProps<typ

src/components/ui/sheet.tsx:48

FunctionSheetDescription

({ className, ...props }: React.ComponentProps<typeof SheetPrimitive.Description>)

src/components/ui/sheet.tsx:121

FunctionSheetFooter

({ className, ...props }: React.ComponentProps<"div">)

src/components/ui/sheet.tsx:98

FunctionSheetHeader

({ className, ...props }: React.ComponentProps<"div">)

src/components/ui/sheet.tsx:88

FunctionSheetOverlay

({ className, ...props }: React.ComponentProps<typeof SheetPrimitive.Overlay>)

src/components/ui/sheet.tsx:32

FunctionSheetPortal

({ ...props }: React.ComponentProps<typeof SheetPrimitive.Portal>)

src/components/ui/sheet.tsx:26

FunctionSheetTitle

({ className, ...props }: React.ComponentProps<typeof SheetPrimitive.Title>)

src/components/ui/sheet.tsx:108

FunctionSheetTrigger

({ ...props }: React.ComponentProps<typeof SheetPrimitive.Trigger>)

src/components/ui/sheet.tsx:14

FunctionSidebar

({ side = "left", variant = "sidebar", collapsible = "offcanvas", className, children, dir, ...p

src/components/ui/sidebar.tsx:151

FunctionSidebarContent

({ className, ...props }: React.ComponentProps<"div">)

src/components/ui/sidebar.tsx:367

FunctionSidebarFooter

({ className, ...props }: React.ComponentProps<"div">)

src/components/ui/sidebar.tsx:342

FunctionSidebarGroup

({ className, ...props }: React.ComponentProps<"div">)

src/components/ui/sidebar.tsx:381

FunctionSidebarGroupAction

({ className, asChild = false, ...props }: React.ComponentProps<"button"> & { asChild?: boolean })

src/components/ui/sidebar.tsx:412

FunctionSidebarGroupContent

({ className, ...props }: React.ComponentProps<"div">)

src/components/ui/sidebar.tsx:432

FunctionSidebarGroupLabel

({ className, asChild = false, ...props }: React.ComponentProps<"div"> & { asChild?: boolean })

src/components/ui/sidebar.tsx:392

FunctionSidebarHeader

({ className, ...props }: React.ComponentProps<"div">)

src/components/ui/sidebar.tsx:331

FunctionSidebarInput

({ className, ...props }: React.ComponentProps<typeof Input>)

src/components/ui/sidebar.tsx:317

FunctionSidebarInset

({ className, ...props }: React.ComponentProps<"main">)

src/components/ui/sidebar.tsx:304

FunctionSidebarMenu

({ className, ...props }: React.ComponentProps<"ul">)

src/components/ui/sidebar.tsx:446

FunctionSidebarMenuAction

({ className, asChild = false, showOnHover = false, ...props }: React.ComponentProps<"button"> & { a

src/components/ui/sidebar.tsx:540

FunctionSidebarMenuBadge

({ className, ...props }: React.ComponentProps<"div">)

src/components/ui/sidebar.tsx:566

FunctionSidebarMenuButton

({ asChild = false, isActive = false, variant = "default", size = "default", tooltip, className,

src/components/ui/sidebar.tsx:490

FunctionSidebarMenuItem

({ className, ...props }: React.ComponentProps<"li">)

src/components/ui/sidebar.tsx:457

FunctionSidebarMenuSkeleton

({ className, showIcon = false, ...props }: React.ComponentProps<"div"> & { showIcon?: boolean; })

src/components/ui/sidebar.tsx:583

FunctionSidebarMenuSub

({ className, ...props }: React.ComponentProps<"ul">)

src/components/ui/sidebar.tsx:621

FunctionSidebarMenuSubButton

({ asChild = false, size = "md", isActive = false, className, ...props }: React.ComponentProps<"a">

src/components/ui/sidebar.tsx:649

FunctionSidebarMenuSubItem

({ className, ...props }: React.ComponentProps<"li">)

src/components/ui/sidebar.tsx:635

FunctionSidebarProvider

({ defaultOpen = true, open: openProp, onOpenChange: setOpenProp, className, style, children, ..

src/components/ui/sidebar.tsx:55

FunctionSidebarRail

({ className, ...props }: React.ComponentProps<"button">)

src/components/ui/sidebar.tsx:279

FunctionSidebarSeparator

({ className, ...props }: React.ComponentProps<typeof Separator>)

src/components/ui/sidebar.tsx:353

FunctionSidebarTrigger

({ className, onClick, ...props }: React.ComponentProps<typeof Button>)

src/components/ui/sidebar.tsx:253

FunctionSkeleton

({ className, ...props }: React.ComponentProps<"div">)

src/components/ui/skeleton.tsx:3

FunctionSlider

({ className, defaultValue, value, min = 0, max = 100, ...props }: React.ComponentProps<typeof Sli

src/components/ui/slider.tsx:8

FunctionSort

({ sortOption, onSortChange, className, }: SortProps)

src/components/sort.tsx:19

FunctionSpinner

({ className, ...props }: React.ComponentProps<"svg">)

src/components/ui/spinner.tsx:4

FunctionSponsorCard

({ sponsor })

src/components/sponsor-card.tsx:26

FunctionSponsorship

()

src/components/sponsorship.tsx:19

FunctionSubmitCTA

()

src/components/cta-submit.tsx:11

FunctionSwitch

({ className, size = "default", ...props }: React.ComponentProps<typeof SwitchPrimitive.Root> & { size

src/components/ui/switch.tsx:8

FunctionTable

({ className, ...props }: React.ComponentProps<"table">)

src/components/ui/table.tsx:7

FunctionTableBody

({ className, ...props }: React.ComponentProps<"tbody">)

src/components/ui/table.tsx:32

FunctionTableCaption

({ className, ...props }: React.ComponentProps<"caption">)

src/components/ui/table.tsx:94

FunctionTableCell

({ className, ...props }: React.ComponentProps<"td">)

src/components/ui/table.tsx:81

FunctionTableFooter

({ className, ...props }: React.ComponentProps<"tfoot">)

src/components/ui/table.tsx:42

FunctionTableHead

({ className, ...props }: React.ComponentProps<"th">)

src/components/ui/table.tsx:68

FunctionTableHeader

({ className, ...props }: React.ComponentProps<"thead">)

src/components/ui/table.tsx:22

FunctionTableRow

({ className, ...props }: React.ComponentProps<"tr">)

src/components/ui/table.tsx:55

FunctionTabs

({ className, orientation = "horizontal", ...props }: React.ComponentProps<typeof TabsPrimitive.Root>)

src/components/ui/tabs.tsx:9

FunctionTabsContent

({ className, ...props }: React.ComponentProps<typeof TabsPrimitive.Content>)

src/components/ui/tabs.tsx:77

FunctionTabsList

({ className, variant = "default", ...props }: React.ComponentProps<typeof TabsPrimitive.List> & Varia

src/components/ui/tabs.tsx:42

FunctionTabsTrigger

({ className, ...props }: React.ComponentProps<typeof TabsPrimitive.Trigger>)

src/components/ui/tabs.tsx:58

FunctionTextarea

({ className, ...props }: React.ComponentProps<"textarea">)

src/components/ui/textarea.tsx:5

FunctionThemeProvider

({ children, ...props }: ThemeProviderProps)

src/providers/theme-provider.tsx:8

FunctionToaster

({ ...props }: ToasterProps)

src/components/ui/sonner.tsx:13

FunctionToggle

({ className, variant = "default", size = "default", ...props }: React.ComponentProps<typeof TogglePri

src/components/ui/toggle.tsx:30

FunctionToggleGroup

({ className, variant, size, spacing = 0, orientation = "horizontal", children, ...props }: Reac

src/components/ui/toggle-group.tsx:22

FunctionToggleGroupItem

({ className, children, variant = "default", size = "default", ...props }: React.ComponentProps<type

src/components/ui/toggle-group.tsx:58

FunctionTooltip

({ ...props }: React.ComponentProps<typeof TooltipPrimitive.Root>)

src/components/ui/tooltip.tsx:21

FunctionTooltipContent

({ className, sideOffset = 0, children, ...props }: React.ComponentProps<typeof TooltipPrimitive.Conte

src/components/ui/tooltip.tsx:33

FunctionTooltipProvider

({ delayDuration = 0, ...props }: React.ComponentProps<typeof TooltipPrimitive.Provider>)

src/components/ui/tooltip.tsx:8

FunctionTooltipTrigger

({ ...props }: React.ComponentProps<typeof TooltipPrimitive.Trigger>)

src/components/ui/tooltip.tsx:27

FunctionWebsitePreview

({ url, name }: WebsitePreviewProps)

src/components/website-preview.tsx:12

FunctioncreateCategorySlugMap

( categories: string[], )

src/lib/slugs.ts:35

FunctioncreateSlugToCategoryMap

( categories: string[], )

src/lib/slugs.ts:45

FunctiongetSnapshot

( rootElement: RootElement | null, contentElement: ContentElement | null, orientation: Orientation

src/components/ui/marquee.tsx:78

FunctionhandleCardClick

()

src/components/item-card.tsx:46

FunctionhandleCardClick

()

src/components/sponsor-card.tsx:27

FunctionhandleInputKeyDown

( event: React.KeyboardEvent<HTMLInputElement>, )

src/components/ui/multi-select.tsx:132

FunctionhandleKeyDown

(event: KeyboardEvent)

src/components/ui/sidebar.tsx:97

FunctionhandleSortChange

(value: string)

src/components/sort.tsx:54

FunctionhandleTogglePopover

()

src/components/ui/multi-select.tsx:158

Functionobserve

( rootElement: RootElement | null, contentElement: Element | null, )

src/components/ui/marquee.tsx:120

← previous next →301–400 of 408, ranked by callers