CardImage

Card image component A brief, introductory couple of sentences about the component. This is a second sentence just so that there’s a second line in this document. Think of this a teaser for the When/How to Use section.

Example #

With an image #

CardImage should be the first child of your Card. Images should be 16:9 and have an 'alt' attribute. Text to explain what’s special about this example.

Card title

Light years star stuff harvesting star light citizens of distant epochs encyclopaedia galactica vastness is bearable only through love, shores of the cosmic ocean!

<DemoLayout>
	<Card>
		<CardImage src="http://fillmurray.com/1000/563" alt="Bill Murray" />
		<CardTitle minor>Card title</CardTitle>
		<CardBlock>
			Light years star stuff harvesting star light citizens of distant
			epochs encyclopaedia galactica vastness is bearable only through love,
			shores of the cosmic ocean!
		</CardBlock>
	</Card>
</DemoLayout>

CardImage Props #

Undocumented properties will be applied to the root element.

When/How to Use #

An explanation of when to use this component and basics about how to use it. Could also include when not to use this component, and which component should be used instead. More detailed how-to-use info is under Best Practices, below. It might be a couple of short sentences, or it could be a full paragraph or two.

Best Practices #

DO this practice

Example Link Component

Some text to explain why you should do this and when.

DON’T do this other practice

Example Link Component

Some text to explain why you should not do this.

DO this other practice

Some text to explain why you should do this and when.

DO this third practice

Example Link Component

Some text to explain why you should do this and when.

We welcome feedback and contributions on GitHub