@times-components/card
v6.15.2
Published
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
Downloads
9,531
Readme
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.