Kumo Svelte
  • Home
  • Installation
  • Colors
  • Accessibility
  • Changelog
  • Autocomplete
  • Badge
  • Banner
  • Breadcrumbs
  • Button
  • Checkbox
  • Clipboard Text
  • Cloudflare Logo
  • CodeHighlighted
  • Collapsible
  • Combobox
  • Command Palette
  • Date Picker
  • Dialog
  • Dropdown
  • Empty
  • Flow
  • Grid
  • Input
  • InputArea
  • InputGroup
  • Label
  • Layer Card
  • Link
  • Loader
  • MenuBar
  • Meter
  • Pagination
  • Popover
  • Radio
  • Select
  • Sensitive Input
  • Sidebar
  • Skeleton Line
  • Switch
  • Table
  • Table of Contents
  • Tabs
  • Text
  • Toast
  • Toolbar
  • Tooltip
  • Charts
  • Colors
  • Timeseries
  • Maps
  • Sankey
  • Custom Chart
  • Page Header
  • Resource List
  • Delete Resource
kumo-svelte
  • Button
  • Input
  • Select
  • Toolbar
  • Autocomplete
  • Combobox
  • Switch
  • Input (with validation)

    Please enter a valid email.

  • Dialog
  • Tooltip
  • Dropdown
  • Collapsible
    Kumo is Cloudflare's component library.
  • Checkbox
  • LayerCard
    Next Steps
    Hello
  • Loader
  • SkeletonLine
  • CodeHighlighted
    const sum = (a: number, b: number) => {
      return a + b;
    };
  • Banner

    This is a default banner.

    This is an alert banner.

    This is an error banner.

  • Tabs
  • Badge
    Blue Green Orange Neutral Red
  • Toast
  • Pagination
  • InputArea
  • InputGroup
  • Meter
    My meter 100 / 5,000
  • MenuBar
  • DatePicker
    July 2026
    SuMoTuWeThFrSa
    28
    29
    30
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    16
    17
    18
    19
    20
    21
    22
    23
    24
    25
    26
    27
    28
    29
    30
    31
    1
  • Breadcrumbs
    Home / Docs /
    Page
  • ClipboardText
    npx kumo add button
  • CommandPalette
  • Flow
    • Step 1
    • Step 2
  • Link
    Default link Current color link Plain link
  • Empty
    No results Try a different search
  • Grid
    1
    2
    3
    4
  • Label
  • Popover
  • Radio
    Select option
  • SensitiveInput
    •••••••• Click to reveal
    Click or press Enter to reveal. Value hidden
  • Table
    Name Status
    Worker 1 Active
    Worker 2 Paused
    Worker 3 Active
  • TableOfContents

    On this page

    • Introduction
    • Installation
    • Usage
  • Text

    Large Bold Text

    Regular text content

    Small subtle text