@indusaction/cms-design-system 0.1.0 → 0.2.0

package/README.md

@@ -23,3 +23,22 @@ export function Example() {
   );
 }
 ```
+
+### Status pages (404 / unauthorized)
+
+Presentational full-page screens. They do not depend on React Router — pass `onAction` or `actionHref`, or wrap the CTA with `extra`.
+
+```tsx
+import { NotFoundPage, UnauthorizedPage } from "@indusaction/cms-design-system";
+import { useNavigate } from "react-router-dom";
+
+export function NotFoundRoute() {
+  const navigate = useNavigate();
+  return <NotFoundPage onAction={() => navigate("/")} />;
+}
+
+export function UnauthorizedRoute() {
+  const navigate = useNavigate();
+  return <UnauthorizedPage onAction={() => navigate(-1)} />;
+}
+```