SGUI / Development
AppInlineProgress
Finite progress, widths and completion states.
Loading examples…
Loading examples…
Examples
Loading examples…
Contains
Used In
No direct parents in the documented component catalog.
Component documentation
SGUI / Development
Finite progress, widths and completion states.
Loading examples…
Loading examples…
Loading examples…
No direct parents in the documented component catalog.
'use client';
import { AppInlineProgress } from '@structured-growth/sg-ui/components';
import { Stack, Typography, Link } from '@structured-growth/sg-ui/primitives';
export default function InlineProgressExample() {
return (
<>
<AppInlineProgress value={45} barWidth={240} />
</>
);
}
'use client';
import { AppInlineProgress } from '@structured-growth/sg-ui/components';
import { Stack, Typography, Link } from '@structured-growth/sg-ui/primitives';
export default function ProgressStatesExample() {
return (
<>
<Stack gap={3}>
<AppInlineProgress value={0} />
<AppInlineProgress value={50} />
<AppInlineProgress value={100} />
<AppInlineProgress value={Number.NaN} />
</Stack>
</>
);
}