CommandToggleToggleGroup
ButtonButtonGroupButtonLinkCheckboxComboboxCopyButtonCopyFieldDownloadButtonFieldFormInputInputGroupInputOTPLabelMultiSelectMultiSelectProMultiSelectProAsyncPhoneInputRadioGroupSelectSliderSwitchTextarea
AspectRatioCardImageWithFallbackItemKbdPortalPreloaderResizableScrollAreaSectionSeparatorSidebarSkeletonSticky
BreadcrumbBreadcrumbNavigationMenubarNavigationMenuPaginationTabs
AlertDialogContextMenuDialogDrawerDropdownMenuHoverCardPopoverSheetTooltip
AlertBadgeProgressToast
AccordionCalendarCarouselCollapsibleDatePickerDateRangePickerSSRPaginationStaticPaginationTable
EmptyOgImageSpinnerToaster
Interactive JsonSchemaFormJsonTreeLottiePlayerMarkdownMessage with MermaidMarkdownMessageMermaidOgImageTemplateOpenapiViewerPrettyCodeUseQueryParamsVideoPlayer
CTASectionFeatureSectionHeroNewsletterSectionStatsSectionSuperHeroTestimonialSection
useCopyuseCountdownuseDebounceuseDebouncedCallbackuseDebugToolsuseDeviceDetectuseEventListeneruseHotkeyuseImageLoaderuseIsMobileuseLocalStorageuseMediaQueryuseSessionStorageuseThemeContext
Area ChartBar ChartChartContainerDonut ChartLine ChartPie ChartRadial Bar Chart
Aurora BorealisColor SchemesFloating OrbsGeometric FlowAnimatedBackgroundLiquid GradientMesh GradientSpotlight

122 components

Sticky@djangocfg/ui-nextjs

Sticky positioned element wrapper

Sticky Header - Scroll down to see it stick!

Content Block 1

This is a content block to demonstrate the sticky behavior. Keep scrolling to see how the header sticks to the top.

Content Block 2

This is a content block to demonstrate the sticky behavior. Keep scrolling to see how the header sticks to the top.

Content Block 3

This is a content block to demonstrate the sticky behavior. Keep scrolling to see how the header sticks to the top.

Content Block 4

This is a content block to demonstrate the sticky behavior. Keep scrolling to see how the header sticks to the top.

Content Block 5

This is a content block to demonstrate the sticky behavior. Keep scrolling to see how the header sticks to the top.

Content Block 6

This is a content block to demonstrate the sticky behavior. Keep scrolling to see how the header sticks to the top.

Content Block 7

This is a content block to demonstrate the sticky behavior. Keep scrolling to see how the header sticks to the top.

Content Block 8

This is a content block to demonstrate the sticky behavior. Keep scrolling to see how the header sticks to the top.

Content Block 9

This is a content block to demonstrate the sticky behavior. Keep scrolling to see how the header sticks to the top.

Content Block 10

This is a content block to demonstrate the sticky behavior. Keep scrolling to see how the header sticks to the top.

Sticky Footer - This sticks to the bottom!

Import

Loading code...