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

Show More

A show more/less component for collapsible content.

View as MarkdownAsk ChatGPT

Installation

npx shadcn@latest add @preskok/show-more

Usage

import { ShowMore } from "@/components/ui/preskok-ui/show-more"

export function ShowMoreDemo() {
  return <ShowMore>{"Lorem ipsum dolor sit amet..."}</ShowMore>
}

Scroll Area

A scroll area component with custom scrollbars.

Toolbar

A toolbar component for grouping action buttons.

On this page

Installation
Usage
  1. Access policy updated2 min ago

    Admins now require device posture checks before approving exports.

  2. Invoice export queued11 min ago

    A finance export for Q4 renewals is waiting for reviewer approval.