Introduction
Installation
Next.jsViteLaravelReact RouterRemixAstroTanStack StartTanStack RouterManual InstallationMCP
All componentsTheme
FieldFormInputText FieldTextareaSearch FieldInput OTPNumber FieldNumber FormatSliderCheckboxSwitchRadioSelectCombo BoxList BoxChoice BoxMulti SelectToken FieldNewTag FieldTag GroupCalendarDate FieldDate PickerDate Range PickerRange CalendarTime FieldColor PickerColor FieldColor AreaColor SliderColor SwatchColor Swatch PickerColor ThumbColor WheelDrop ZoneFile Trigger
ButtonButton GroupToggleToggle GroupPreskok Auth Button
EditorHeadingLinkTextKeyboard
CardContainerGrid ListResizableTableTreeSeparatorDescription ListScroll AreaShow MoreToolbar
BreadcrumbsNavbarPaginationTabsSidebar
DialogModalDrawerPopoverPreview TriggerNewSheetTooltipContext MenuDropdownCommandCommand MenuDisclosureMenu
ToastProgress BarProgress CircleMeterLoaderSkeletonNoteBadge
Chart (helpers)Area ChartBar ChartLine ChartPie ChartExperimental ChartsNewExperimental Radial ChartNewExperimental Radar ChartNewBar ListTracker
Async ImageAvatarCarouselPreskok Icon
Layout

Separator

A separator component for dividing content horizontally or vertically.

View as MarkdownAsk ChatGPT

Installation

npx shadcn@latest add @preskok/separator

Usage

import { Separator } from "@/components/ui/preskok-ui/separator"

export function SeparatorDemo() {
  return (
    <div>
      <div>Header</div>
      <Separator />
      <div>Content</div>
    </div>
  )
}

Tree

A tree component for hierarchical data display.

Description List

Semantic list of term–description pairs.

On this page

Installation
Usage

Vehicle Details


Make: Toyota

Model: Camry

Year: 2024

Engine
Transmission
Drivetrain

Pricing


MSRP: $28,400

Dealer Price: $26,800

Your Price: $25,200