@dpc-sdp/ripple-card

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

Stats

StarsIssuesVersionUpdatedCreatedSize
@dpc-sdp/ripple-card
34411.24.319 days ago3 years agoMinified + gzip package size for @dpc-sdp/ripple-card in KB

Readme

@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.

If you find any bugs or have a feature request, please open an issue on github!

The npm package download data comes from npm's download counts api and package details come from npms.io.