Components

Component

ResultSection

Full-section result, empty, success, or error state.

ReactReact Native4 props
PreviewReact
작업을 완료했어요

변경 사항이 안전하게 저장되었습니다.

Imports

import { ResultSection } from "@hozorica/hods-react/result-section";
import { ResultSection } from "@hozorica/hods-react-native/result-section";

Props

PropTypeDescription
assetReactNodeVisual mark above the result.
title *ReactNodeMain result message.
descriptionReactNodeSupporting explanation.
primaryActionProps / secondaryActionPropsActionButtonPropsOptional actions.

Platform Support

React

Section wrapper around ContentPlaceholder with full-width centering.

React Native

Centered native section wrapper with the same placeholder contract.

Usage

<ResultSection title="Done" description="Your changes were saved." />

Notes

  • Use ResultSection for page-level empty, completion, or unavailable states.
  • Keep action count to one primary and one secondary action.