Core / Feedback

Success State

Communicates a meaningful system or task outcome.

Live example

Changes saved

Your workspace settings are up to date.

Interactive preview using local sample data. Styling is intentionally left to the consuming project.

Usage

// Success State usage will be documented here.

Adopt to your project

Keep this component semantically neutral. Use its documented props for behavior and className for project-specific spacing, width, typography, and visual treatment.

Accessibility

Accessibility behavior will be documented with the verified component implementation.

API reference

Public attribute
`Public props and defaults will be verified from source before publication.`

The preview above uses a safe local fixture. Confirm exact TypeScript props when adapting it to your application.

Installation

Full library
pnpm install:project /absolute/path/to/your-project

Planned guided selection
Feedback → Success State