@sikt/sds-card
v4.0.1
Published
## Consume
Downloads
397
Readme
@sikt/sds-card
Consume
npm i -s @sikt/sds-card
React
import { Card } from "@sikt/sds-card";
import "@sikt/sds-card/dist/index.css";
import "@sikt/sds-button/dist/index.css";
<Card
image={
<img
src="https://url.to/image.type"
alt="A descriptive text of what is shown in the image"
/>
}
overlineText="Overline"
headingText="Heading"
headingLevel="h2"
children="Content"
callToAction={<a href="https://url.to/destination">Call to action</a>}
/>;
Stylesheets & custom markup
Import stylesheet:
@import url("@sikt/sds-card");
@import url("@sikt/sds-button");
Create custom markup:
<div class="sds-card">...</div>