fixup! fixup! fixup! fixup! fixup! fixup! fixup! fixup! fixup! fixup!…

… fixup! fixup! fixup! fixup! fixup! Feat(web): Introduce `Card` component #DS-1397
lmc-eu · Dec 3, 2024 · a4aca39 · a4aca39
1 parent e2f81e0
commit a4aca39
Showing 1 changed file with 17 additions and 0 deletions.
diff --git a/packages/web/src/scss/components/Card/README.md b/packages/web/src/scss/components/Card/README.md
@@ -219,6 +219,23 @@ CardBody is the main content area of the Card.
 </div>
 ```
 
+To make the CardBody selectable and copyable, use the `CardBody--selectable` modifier:
+
+```html
+<div class="CardBody CardBody--selectable">
+  <p><!-- … --></p>
+  <ul>
+    <!-- … -->
+  </ul>
+  <ol>
+    <!-- … -->
+  </ol>
+  <dl><!-- … --></dl>
+</div>
+```
+
+ℹ️ We are white-listing the selectable and copyable elements, so this option only affects lists and paragraphs.
+
 ### CardTitle
 
 CardTitle displays the main title of the Card. It uses the `<h4>` heading element by default, but you can use any other