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
npm install @times-components/cardThe 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.
Please read CONTRIBUTING.md before contributing to this
package
Please see our main README.md to get the project running locally
The code can be formatted and linted in accordance with the agreed standards.
``
yarn fmt
yarn lint
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.