Skip to Content
DocsResourcesShowcase

Client Only

Used to render content only on the client side.

SourceStorybook

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

These props can be passed to the ClientOnly component.

PropDefaultType
fallback
React.ReactNode

Previous

Tooltip

Next

EnvironmentProvider