docs(Card): add component descriptions

src/views/Card/Card.js

@@ -15,6 +15,9 @@ import CardGroup from './CardGroup'
 import CardHeader from './CardHeader'
 import CardMeta from './CardMeta'
 
+/**
+ * A card displays site content in a manner similar to a playing card
+ */
 function Card(props) {
   const {
     centered,

src/views/Card/CardContent.js

@@ -11,6 +11,9 @@ import CardDescription from './CardDescription'
 import CardHeader from './CardHeader'
 import CardMeta from './CardMeta'
 
+/**
+ * A card can contain blocks of content or extra content meant to be formatted separately from the main content
+ */
 function CardContent(props) {
   const { className, children, description, extra, header, meta } = props
   const classes = cx(

src/views/Card/CardDescription.js

@@ -7,6 +7,9 @@ import {
   META,
 } from '../../lib'
 
+/**
+ * A card can contain a description with one or more paragraphs
+ */
 function CardDescription(props) {
   const { className, children, content } = props
   const classes = cx(className, 'description')

src/views/Card/CardHeader.js

@@ -7,6 +7,9 @@ import {
   META,
 } from '../../lib'
 
+/**
+ * A card can contain a header
+ */
 function CardHeader(props) {
   const { className, children, content } = props
   const classes = cx(className, 'header')

src/views/Card/CardMeta.js

@@ -7,6 +7,9 @@ import {
   META,
 } from '../../lib'
 
+/**
+ * A card can contain content metadata
+ */
 function CardMeta(props) {
   const { className, children, content } = props
   const classes = cx(className, 'meta')