@times-components/card

Card

The card component fades in and lays out content that typically consists of an image and a collection of textual elements (although this content could be anything). Card manages the layout of these elements, whilst providing a consistent loading state for all of the content it is passed. Consumers of card can also reorder the image and content by reversing the layout order, effectively swapping over the image and text.

Rendering an image with the card component is optional. A uri can be given with optional lowResSize and highResSize attributes which may be used to provide a better experience under certain conditions determined by the Image component.

Contributing

Please read CONTRIBUTING.md before contributing to this package

Running the code

Please see our main README.md to get the project running locally

Development

The code can be formatted and linted in accordance with the agreed standards.

yarn fmt
yarn lint

Testing

This package uses yarn (latest) to run unit tests on each platform with jest.

yarn test:web

Visit the official storybook to see our available card templates.