Components

Component

ContentPlaceholder

Compact empty-state block for missing or filtered content.

ReactReact Native4 props
PreviewReact
콘텐츠가 없습니다

조건을 바꾸거나 새 항목을 추가해보세요.

Imports

import { ContentPlaceholder } from "@hozorica/hods-react/content-placeholder";
import { ContentPlaceholder } from "@hozorica/hods-react-native/content-placeholder";

Props

PropTypeDescription
assetReactNodeVisual mark above the message.
title *ReactNodeMain empty-state message.
descriptionReactNodeSupporting explanation.
primaryActionProps / secondaryActionPropsActionButtonPropsOptional follow-up actions.

Platform Support

React

Centered asset, title, description, and optional primary/secondary actions.

React Native

Matching placeholder layout using native View/Text and ActionButton.

Usage

<ContentPlaceholder title="No content" description="Try another filter." />

Notes

  • Use for local empty states inside a section.
  • Use ResultSection when the entire screen or page state is empty.