Build faster with Premium Chakra UI Components 💎

Learn more
Skip to Content
DocsPlaygroundGuidesBlog
Sponsor

Client Only

Used to render content only on the client side.

Source

Usage

import { ClientOnly, Skeleton } from "@chakra-ui/react"
<ClientOnly fallback={<Skeleton />}>
  <ColorModeButton />
</ClientOnly>

Props

These props can be passed to the ClientOnly component.

PropDefaultType
fallback
React.ReactNode

Previous

Tooltip

Next

EnvironmentProvider