adilalloandCursor
5bd49eaed8
The space-between row was drawn for six logos; three marks looked abandoned at the edges. Co-authored-by: Cursor <cursoragent@cursor.com>
45 lines
1.1 KiB
JavaScript
45 lines
1.1 KiB
JavaScript
import LogoWall from "../../app/components/sections/LogoWall";
|
|
|
|
export default {
|
|
title: "Components/Sections/LogoWall",
|
|
component: LogoWall,
|
|
parameters: {
|
|
layout: "fullscreen",
|
|
docs: {
|
|
description: {
|
|
component: `Home Logo Wall: three pilot marks (Boulder Street Medics, Food Not Bombs, Mutual Aid Colorado) with no heading.
|
|
|
|
## Responsive Behavior
|
|
|
|
- **Mobile**: stacked, centered
|
|
- **SM+**: centered wrapping cluster
|
|
- **MD+**: single centered row with a fixed gap
|
|
|
|
## Props
|
|
|
|
- **logos** (optional): Array of logo objects with src, alt, and size properties. If not provided, uses the three pilot marks.`,
|
|
},
|
|
},
|
|
},
|
|
tags: ["autodocs"],
|
|
argTypes: {
|
|
logos: {
|
|
control: "object",
|
|
description:
|
|
"Array of logo objects with src, alt, and size properties. If not provided, uses the three pilot marks.",
|
|
},
|
|
},
|
|
};
|
|
|
|
export const Default = {
|
|
args: {},
|
|
parameters: {
|
|
docs: {
|
|
description: {
|
|
story:
|
|
"Default LogoWall with the three pilot marks at Figma 60% opacity.",
|
|
},
|
|
},
|
|
},
|
|
};
|