@dpc-sdp/ripple-card

Card-themed containers for content such as events and dates, navigation, featured, promotional. Recommended implementation using the grid component.

---

Install

npm install @dpc-sdp/ripple-card --save

---

Dependency graph

@dpc-sdp/ripple-card
├── @dpc-sdp/ripple-global
├── @dpc-sdp/ripple-icon
├── @dpc-sdp/ripple-link
├── fontfaceobserver
└── vue-carousel

---

Import

import {
  RplCardImageNavigation,
  RplCardNavigation,
  RplCardNavigationFeatured,
  RplCardPromotion,
  RplCardKeydates,
  RplCardEvent,
  RplCardCta,
  RplCardEmergencyContact,
  RplCardBox,
  RplCardHonourRoll,
  RplCardProfile,
  RplCardCarousel
} from '@dpc-sdp/ripple-card'

---

Usage and Tests

See Storybook/Molecules/Card/Card Navigation/Default.

See Storybook/Molecules/Card/Card Navigation Featured/Default.

See Storybook/Molecules/Card/Card Image Navigation/Default.

See Storybook/Molecules/Card/Card Promotion/Default.

See Storybook/Molecules/Card/Card Keydates/Default.

See Storybook/Molecules/Card/Card Event/Default.

See Storybook/Molecules/Card/Card Cta/Default.

See Storybook/Molecules/Card/Card Emergency Contact/Default.

See Storybook/Molecules/Card/Card Box/Default.

See Storybook/Molecules/Card/Card Profile/Default.

See Storybook/Molecules/Card/Card Content (base)/Default.

See Storybook/Molecules/Card/Card Carousel/Default.

---

License

Licensed under the Apache-2.0 License.