summaryrefslogtreecommitdiffstats
path: root/src/components/atoms/lists/description-list.tsx
diff options
context:
space:
mode:
Diffstat (limited to 'src/components/atoms/lists/description-list.tsx')
-rw-r--r--src/components/atoms/lists/description-list.tsx13
1 files changed, 8 insertions, 5 deletions
diff --git a/src/components/atoms/lists/description-list.tsx b/src/components/atoms/lists/description-list.tsx
index df2880f..a5ab1d5 100644
--- a/src/components/atoms/lists/description-list.tsx
+++ b/src/components/atoms/lists/description-list.tsx
@@ -1,4 +1,4 @@
-import { FC } from 'react';
+import { VFC } from 'react';
import styles from './description-list.module.scss';
export type DescriptionListItem = {
@@ -18,9 +18,9 @@ export type DescriptionListItem = {
export type DescriptionListProps = {
/**
- * Set additional classes to the list wrapper.
+ * Set additional classnames to the list wrapper.
*/
- classes?: string;
+ className?: string;
/**
* The list items.
*/
@@ -32,7 +32,10 @@ export type DescriptionListProps = {
*
* Render a description list.
*/
-const DescriptionList: FC<DescriptionListProps> = ({ classes = '', items }) => {
+const DescriptionList: VFC<DescriptionListProps> = ({
+ className = '',
+ items,
+}) => {
/**
* Retrieve the description list items wrapped in a div element.
*
@@ -54,7 +57,7 @@ const DescriptionList: FC<DescriptionListProps> = ({ classes = '', items }) => {
});
};
- return <dl className={`${styles.list} ${classes}`}>{getItems(items)}</dl>;
+ return <dl className={`${styles.list} ${className}`}>{getItems(items)}</dl>;
};
export default DescriptionList;