Pluralize

The Pluralize component is a small utility component for implementing the common need to conditional pluralize words based on a quantity. For example, consider a page that can contain one or more search results and a result count. You could use this component to output "0 results", "1 result", or "2 results", depending on the result count.

React
HTML

<div>
  <Pluralize one="fork" count={1} />
  <br />
  <Pluralize one="fork" count={2} />
  <br />
  <Pluralize one="goose" more="geese" count={1} />
  <br />
  <Pluralize one="goose" more="geese" count={2} />
</div>

<div>
  <Pluralize one="fork" count={1} />
  <br />
  <Pluralize one="fork" count={2} />
  <br />
  <Pluralize one="goose" more="geese" count={1} />
  <br />
  <Pluralize one="goose" more="geese" count={2} />
</div>