woocommerce/plugins/woocommerce-admin/client/components/card
Kelly Dwan f2e0165d5f Component – Table: Add compare checkboxes (https://github.com/woocommerce/woocommerce-admin/pull/389)
* Switch to withInstanceId higher order component

* Add checkboxes to the rows in a TableCard, if a compareBy prop is set

* Add Compare button to update query param

* Populate the selected rows from the query parameter

* Update compare filter display & selected table rows when the query changes

* Skip displaying tags if the label is null/undefined

* Style table header with compare button, search placeholder

* Prevent setting just an ID list as the state, as this will wipe out already-fetched tag labels

* Update docs

* Shortcut out of fetching tag labels if the query is empty
2018-09-18 10:12:13 -04:00
..
test Add CSS naming conventions following Gutenberg’s standards (https://github.com/woocommerce/woocommerce-admin/pull/99) 2018-06-01 10:35:18 -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 IE11: fix Card layout broken because it was using CSS grid (https://github.com/woocommerce/woocommerce-admin/pull/370) 2018-09-07 17:52:51 +02:00
style.scss Component – Table: Add compare checkboxes (https://github.com/woocommerce/woocommerce-admin/pull/389) 2018-09-18 10:12:13 -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