Skip to content
aq-ui
Back to ComponentsComponent

Empty

Open-code aq-ui accessible component family for Empty.

Preview

This is a live example. Interact with the available controls and use the keyboard to inspect the component's states and behavior.

Loading interactive preview…

Installation

pnpm dlx aq-ui@alpha add empty

API reference

SSR-safe

Import the parts you need, then jump to an export for its contract.

View full source

Quick start

import { Empty } from "@/components/ui/empty"

<Empty />

Empty

constSource L6

Open-code aq-ui accessible component family for Empty.

const Empty = React.forwardRef<React.ComponentRef<"div">, React.ComponentProps<"div">>(…)
Props type
React.ComponentProps<"div">
<Empty />

EmptyContent

constSource L106

Content export for composing Empty.

const EmptyContent = React.forwardRef<React.ComponentRef<"div">, React.ComponentProps<"div">>(…)
Props type
React.ComponentProps<"div">
<EmptyContent />

EmptyDescription

constSource L88

Description export for composing Empty.

const EmptyDescription = React.forwardRef<React.ComponentRef<"div">, React.ComponentProps<"p">>(…)
Props type
React.ComponentProps<"p">
<EmptyDescription />

EmptyHeader

constSource L24

Header export for composing Empty.

const EmptyHeader = React.forwardRef<React.ComponentRef<"div">, React.ComponentProps<"div">>(…)
Props type
React.ComponentProps<"div">
<EmptyHeader />

EmptyMedia

constSource L54

Public const export from Empty.

const EmptyMedia = React.forwardRef<React.ComponentRef<"div">, React.ComponentProps<"div"> & VariantProps<typeof emptyMediaVariants>>(…)
Props type
React.ComponentProps<"div"> & VariantProps<typeof emptyMediaVariants>
<EmptyMedia />

EmptyTitle

constSource L70

Title export for composing Empty.

const EmptyTitle = React.forwardRef<React.ComponentRef<"div">, React.ComponentProps<"div">>(…)
Props type
React.ComponentProps<"div">
<EmptyTitle />

Registry dependencies

utils

Package dependencies

class-variance-authority@^0.7.1

Files

  • components/ui/empty.tsx

Source