feat: distanced option for paragraph template

nl-design-system · Sep 19, 2021 · f15f23e · f15f23e
1 parent bf3e78b
commit f15f23e
Showing 1 changed file with 5 additions and 2 deletions.
diff --git a/components/paragraph/bem.js b/components/paragraph/bem.js
@@ -10,5 +10,8 @@ export const defaultArgs = {
   textContent: '',
 };
 
-export const Paragraph = ({ textContent = '', lead = false }) =>
-  `<p class="${clsx('utrecht-paragraph', { 'utrecht-paragraph--lead': lead })}">${textContent}</p>`;
+export const Paragraph = ({ distanced = false, textContent = '', lead = false }) =>
+  `<p class="${clsx('utrecht-paragraph', {
+    'utrecht-paragraph--distanced': distanced,
+    'utrecht-paragraph--lead': lead,
+  })}">${textContent}</p>`;