SGUI / Development
RowSubHeader
Grouped-row headings and supporting content.
Loading examples…
Loading examples…
Examples
Loading examples…
Used In
No direct parents in the documented component catalog.
Component documentation
SGUI / Development
Grouped-row headings and supporting content.
Loading examples…
Loading examples…
Loading examples…
No direct parents in the documented component catalog.
'use client';
import { RowSubHeader } from '@structured-growth/sg-ui/components';
import { Stack, Typography, Link } from '@structured-growth/sg-ui/primitives';
export default function RowSubHeaderExample() {
return (
<>
<RowSubHeader title={"Course group"} />
</>
);
}
Complete all courses to finish the pathway.
'use client';
import { RowSubHeader } from '@structured-growth/sg-ui/components';
import { Stack, Typography, Link } from '@structured-growth/sg-ui/primitives';
export default function RowSubheaderDetailsExample() {
return (
<>
<RowSubHeader title="Required courses" trailingContent={<Typography variant="caption">Complete all courses to finish the pathway.</Typography>} />
</>
);
}