woocommerce/plugins/woocommerce-admin/client/components/count
Kelly Dwan e0d05ecfa0 Add a label to Count to add context for screen reader users (https://github.com/woocommerce/woocommerce-admin/pull/102)
* Add a label “Total” to the count balloon

* Update README

* Switch to an aria-label, so that we can set a fully translatable string

* Update README to make label default clear
2018-06-01 10:39:48 -04:00
..
README.md Add a label to Count to add context for screen reader users (https://github.com/woocommerce/woocommerce-admin/pull/102) 2018-06-01 10:39:48 -04:00
index.js Add a label to Count to add context for screen reader users (https://github.com/woocommerce/woocommerce-admin/pull/102) 2018-06-01 10:39:48 -04:00
style.scss 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

Count

Display a number with a styled border

Usage

import Count from 'components/count';

export default function myCount() {
	return (
		<Count count={ 33 } />
	);
}

Props

  • Marks required props
Name Type Default Description
count* number none Value of the number to be displayed
label string "Total {props.count}" A translated label with the number in context, used for screen readers