Jump to Content
Clutch
Docs
DiscordYouTubeClutch
DiscordYouTube
Docs

Clutch Intro

  • Welcome to Clutch
  • Learning and Resources
  • Clutch and React
  • Introduction to the Interface
  • Sharing and Collaborating
  • Keyboard shortcuts

Basics

  • Application Bar and Toolbar
    • Logic Primitives
    • Library
    • Marketplace
    • Context-aware Toolbar
    • Project Settings, Code mode, Sharing, Publishing, and Zoom
  • Canvas and Frames
  • Composition Panel
    • Workspaces
    • Component Space
    • Composition Tree
    • Components interface and types
  • Properties Panel
    • Workspace Properties
    • Frame Properties
    • Component Configuration
    • Properties
    • Logic Dynamism
    • Style Panel
  • Publishing
    • Clutch Hosting and Custom Domain
    • NPM and Component Cloud
    • Archive (ZIP)file

How-to

  • Components
    • Creating Components
    • Component Properties
    • Slots
    • Variants
    • Component Logic - Intro
  • Styling
  • Logic Primitives
  • Data Fetching
    • Component Logic - Fetch data
    • React-Router
    • React-Axios

Clutch UI Kit

  • UI Kit Components
    • Accordion
    • AccordionItem
    • AlertDialog
    • Aspect Ratio
    • Avatar
    • Avatar Group
    • Badge
    • Box
    • BreadcrumbItem
    • Breadcrumbs
    • Button
    • ButtonGroup
    • Checkbox
    • Collapsible
    • Container
    • Dialog
    • DialogDescription
    • DialogTitle
    • Drawer
    • DropdownMenu
    • DropdownMenuItem
    • Flexbox (deprecated)
    • Hovercard
    • IconButton
    • Image
    • Input
    • InputGroup
    • Label
    • Markdown
    • Popover
    • Progress
    • RadioGroup
    • RadioItem
    • Rating
    • ScrollArea
    • Select
    • SelectItem
    • Separator
    • Skeleton
    • Slider
    • Switch
    • Tabs
    • TextArea
    • Toast
    • Toggle
    • ToggleGroup
    • ToggleGroupItem
    • Toolbar
    • Tooltip
    • Typography

Short Tutorials

  • Create a sign-up / sign-in Form with React Router and Supabase
    • Creating the Form
    • Adding React-Router
    • Implementing Supabase

Integrations

  • Supabase

Developer API

  • Render Properties
  • Publishing to NPM

FAQ

  • Hosting
  • Integration & Backend
  • Import
  • Export
  • Styling - Libraries - Templates
  • Plans and teams
  • General Questions
  • Can I build mobile apps
Powered by 

Skeleton

Suggest Edits

Overview

Skeleton is used to display the loading state of some components.

Properties

Updated 5 months ago


  • Table of Contents
    • Overview
    • Properties