SGUI / Development
AppOperationSteps
Host-owned operation states, labels and errors.
Loading examples…
Loading examples…
Examples
Loading examples…
Used In
No direct parents in the documented component catalog.
Component documentation
SGUI / Development
Host-owned operation states, labels and errors.
Loading examples…
Loading examples…
Loading examples…
No direct parents in the documented component catalog.
'use client';
import { AppOperationSteps } from '@structured-growth/sg-ui/components';
import { Stack, Typography, Link } from '@structured-growth/sg-ui/primitives';
export default function OperationStepsExample() {
return (
<>
<AppOperationSteps title={"Publish course"} subtitle="Host-owned operation" steps={[{"id":"draft","label":"Prepare draft","status":"completed"},{"id":"review","label":"Review content","status":"in_progress"},{"id":"publish","label":"Publish","status":"pending"}]} />
</>
);
}
'use client';
import { AppOperationSteps } from '@structured-growth/sg-ui/components';
import { Stack, Typography, Link } from '@structured-growth/sg-ui/primitives';
export default function SingleStepExample() {
return (
<>
<AppOperationSteps title="Upload" steps={[{id:"upload",label:"Upload file",status:"error"}]} />
</>
);
}