woocommerce/plugins/woocommerce-admin/client/components/card
Kelly Dwan 3554c4ef7d Tests: Add Jest with Gutenberg as a npm dependency (https://github.com/woocommerce/woocommerce-admin/pull/43)
* Add Jest testing with Gutenberg as a dependency

* Add test using Enzyme

* Update for “element” moving

Something also must have moved api-request, so we mock that import now
2018-05-16 10:59:03 -04:00
..
test Tests: Add Jest with Gutenberg as a npm dependency (https://github.com/woocommerce/woocommerce-admin/pull/43) 2018-05-16 10:59:03 -04:00
README.md Rename js/src to client (https://github.com/woocommerce/woocommerce-admin/pull/38) 2018-05-11 12:13:57 -04:00
index.js Components: Add EllipsisMenu component (https://github.com/woocommerce/woocommerce-admin/pull/40) 2018-05-14 11:47:42 -04:00
style.scss Components: Add EllipsisMenu component (https://github.com/woocommerce/woocommerce-admin/pull/40) 2018-05-14 11:47:42 -04:00

README.md

Card

A basic card component with a header. The header can contain a title (required), an action (optional), and an EllipsisMenu menu (optional).

How to use:

import Card from 'components/card';

render: function() {
  return (
    <Card title={ "Store Performance" }>
      <p>Your stuff in a Card</p>
    </Card>
  );
}

Props

  • title (required): The title to use for this card.
  • action: One "primary" action for this card, appears in the card header
  • className: You can add classes to the card container.
  • menu: An EllipsisMenu, with filters used to control the content visible in this card