Features alternating
BlockFeature rows that alternate copy and media from side to side, each sliding in from its own side as it scrolls into view.
- Sections
- 0 components
- 1 file
Loading the example…
pnpm dlx @dowel-ui/cli add features-alternatingimport { DEFAULT } from "@/components/blocks/features-alternating"; export default function Page() { return <DEFAULT />;}<FeaturesAlternatingBlock>
| Prop | Type | Default |
|---|---|---|
description | ReactNode | "Designed for developer productivity and user delight." |
features | AlternatingFeature[] | DEFAULT_ALTERNATING_FEATURES |
heading | ReactNode | "Why developers choose us" |
headingLevelLevel of the section heading; each row title is one level below. | 1 | 2 | 3 | 4 | 5 | 6 | 2 |
Plus every attribute of <section> except title.
One section landmark named by its heading (level set with `headingLevel`, row titles one below); the rows are a list. Sides swap with grid order rather than `direction: rtl`, so reading order always follows the source order and the layout mirrors correctly on a right-to-left page, as does the slide. Media is a prop — pass an image with real alt text; the fallback panel is decorative. Rows starting below the fold are hidden until they scroll in, never under reduced motion.