You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
27 lines
992 B
27 lines
992 B
2 months ago
|
<script lang="ts">
|
||
|
|
/**
|
||
|
|
* FeatureSplit.Header — the section title + description, measure-capped. The
|
||
|
|
* app supplies a `Heading` (level 2) and a `Text`; their alignment is the
|
||
|
|
* app's to choose, as in `Testimonials.Header` (this block has no `align`
|
||
|
|
* axis of its own, so there is nothing to inherit).
|
||
|
|
*
|
||
|
|
* It exists because a section names itself through its header (A-110): this
|
||
|
|
* was the only section block of the tier without one, so a three-row section
|
||
|
|
* contributed three sibling `h2`s and no name of its own.
|
||
|
|
*/
|
||
|
|
import { Box } from '$uix/eidos/components/box';
|
||
|
|
import { Stack } from '$uix/eidos/components/stack';
|
||
|
|
import { Motion } from '$uix/eidos/components/motion';
|
||
|
|
import type { FeatureSplitHeaderProps } from './types';
|
||
|
|
|
||
|
|
let { maxWidth = '48rem', children, ...rest }: FeatureSplitHeaderProps = $props();
|
||
|
|
</script>
|
||
|
|
|
||
|
|
<Box {maxWidth} width="100%" {...rest}>
|
||
|
|
<Motion trigger="viewport">
|
||
|
|
<Stack gap={3}>
|
||
|
|
{@render children?.()}
|
||
|
|
</Stack>
|
||
|
|
</Motion>
|
||
|
|
</Box>
|