diff options
| author | Armand Philippot <git@armandphilippot.com> | 2022-05-02 18:57:29 +0200 |
|---|---|---|
| committer | Armand Philippot <git@armandphilippot.com> | 2022-05-03 15:22:24 +0200 |
| commit | 732d0943f8041d76262222a092b014f2557085ef (patch) | |
| tree | 16f6f76648b479a9591400ab15bb3e9c914f2226 /src/components/organisms/layout/cards-list.tsx | |
| parent | ca921d7536cfe950b5a7d442977bbf900b48faf4 (diff) | |
chore: add homepage
Diffstat (limited to 'src/components/organisms/layout/cards-list.tsx')
| -rw-r--r-- | src/components/organisms/layout/cards-list.tsx | 8 |
1 files changed, 7 insertions, 1 deletions
diff --git a/src/components/organisms/layout/cards-list.tsx b/src/components/organisms/layout/cards-list.tsx index 33ffe23..1558d7c 100644 --- a/src/components/organisms/layout/cards-list.tsx +++ b/src/components/organisms/layout/cards-list.tsx @@ -15,6 +15,10 @@ export type CardsListItem = Omit< export type CardsListProps = { /** + * Set additional classnames to the list wrapper. + */ + className?: string; + /** * The cover fit. */ coverFit?: CardProps['coverFit']; @@ -38,6 +42,7 @@ export type CardsListProps = { * Return a list of Card components. */ const CardsList: FC<CardsListProps> = ({ + className = '', coverFit, items, kind = 'unordered', @@ -70,9 +75,10 @@ const CardsList: FC<CardsListProps> = ({ return ( <List + kind="flex" items={getCards(items)} withMargin={false} - className={`${styles.wrapper} ${styles[kindModifier]}`} + className={`${styles.wrapper} ${styles[kindModifier]} ${className}`} /> ); }; |
