LedgerIt
ProductHow it worksSecurityFeaturesPricingBlogChangelogDocs
Sign inSign up

Getting started

  • Introduction

Foundations

  • Colors
  • Typography
  • Materials
  • Motion
  • Illustrations

Components

  • Overview

LedgerIt

  • Button
  • Badge
  • Amount
  • Card
  • StatGrid
  • LineRow
  • BrandMark
  • Logo
  • HighlightedCode
  • ActivityHeatmap

Actions

  • ButtonGroup
  • Toggle
  • ToggleGroup
  • Kbd

Forms

  • Field
  • Input
  • InputGroup
  • Textarea
  • EditableText
  • EditableDate
  • EditableSelect
  • SecretInput
  • Select
  • Combobox
  • Autocomplete
  • Checkbox
  • RadioGroup
  • Switch
  • Slider
  • DatePicker
  • Calendar
  • InputOTP

Overlays

  • Dialog
  • AlertDialog
  • useConfirm
  • Sheet
  • Drawer
  • Popover
  • HoverCard
  • RecordPreviews
  • Tooltip

Menus

  • DropdownMenu
  • RowActions
  • ContextMenu
  • Menubar
  • Command

Navigation

  • Tabs
  • Breadcrumb
  • Pagination
  • NavigationMenu

Data display

  • Table
  • Item
  • Row
  • ReorderableList
  • Avatar
  • Empty
  • Accordion
  • Collapsible
  • Overline
  • AspectRatio
  • Carousel

Feedback

  • Alert
  • toast
  • Progress
  • Skeleton
  • Spinner

Layout

  • Separator
  • ScrollArea
  • ResizablePanelGroup
  • PageHeader
  • SectionHeader

Messaging

  • Bubble
  • MessageScroller
  • Introduction
  • Colors
  • Typography
  • Materials
  • Motion
  • Illustrations
  • Components

Forms

SecretInput

Masks its value, reveals it on request, and copies it when clicked. For API keys shown once and new passwords.

Example

Shown once. Store it in your secrets manager.

import { SecretInput } from "@/components/ui/secret-input"
PreviousEditableSelectNextSelect
© 2026 LedgerLift Inc, dba LedgerIt. All rights reserved.

Made with love by PhDs and Y Combinator alumni

MissionPricingBlogChangelogDocsDesign systemPrivacyTerms