KTUIKTUI
KTUIKTUI
ComponentsDocsStudio

Getting Started

IntroductionInstallationApproachThemingJavaScriptDark modeRTLReferencesChangelog - v1.0.12Metronic TemplatePopular

Components

AccordionAvatarAlertBadgeBreadcrumbButtonCardCheckboxCollapseDatatableDatepickerSoonDismissDrawerDropdownImage InputInputUpdateKbdLinkModalPaginationProgressRadio GroupReparentScrollableScrollspyUpdateScrolltoSelectSeparatorSkeletonStepperStickySwitchTabsTextareaTheme SwitchToastNewTooltipToggleToggle GroupToggle PasswordTooltip
©2025 KtUI. All rights reserved.
A project by Keenthemes
Docs
Separator

Separator

Visually or semantically separates content into groups.

Examples

Basic Usage

<div class="text-foreground">
  <div class="space-y-1">
    <h4 class="text-sm font-medium leading-none">KTUI</h4>
    <p class="text-sm text-muted-foreground">A free KTUI component library.</p>
  </div>
  <div class="kt-separator my-2.5"></div>
  <div class="flex h-5 items-center space-x-4 text-sm">
    <a
      href="https://ktui.io"
      class="hover:text-primary hover:underline hover:underline-offset-2"
      >Components</a
    >
    <div class="kt-separator kt-separator-vertical"></div>
    <a
      href="https://ktui.io/docs"
      class="hover:text-primary hover:underline hover:underline-offset-2"
      >Docs</a
    >
    <div class="kt-separator kt-separator-vertical"></div>
    <a
      href="https://github.com/keenthemes/ktui"
      class="hover:text-primary hover:underline hover:underline-offset-2"
      >Source</a
    >
  </div>
</div>
PreviouseSelectNextSkeleton

On This Page

  • Examples
    • Basic Usage