summaryrefslogtreecommitdiffstats
path: root/src/components/organisms/layout/cards-list.tsx
diff options
context:
space:
mode:
authorArmand Philippot <git@armandphilippot.com>2022-05-02 18:57:29 +0200
committerArmand Philippot <git@armandphilippot.com>2022-05-03 15:22:24 +0200
commit732d0943f8041d76262222a092b014f2557085ef (patch)
tree16f6f76648b479a9591400ab15bb3e9c914f2226 /src/components/organisms/layout/cards-list.tsx
parentca921d7536cfe950b5a7d442977bbf900b48faf4 (diff)
chore: add homepage
Diffstat (limited to 'src/components/organisms/layout/cards-list.tsx')
-rw-r--r--src/components/organisms/layout/cards-list.tsx8
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}`}
/>
);
};