This package has been deprecated

Author message:

Package no longer supported. Contact Support at https://www.npmjs.com/support for more info.

@dpc-sdp/ripple-ui-core

Ripple UI Core

A UI component library built with Vue.js. View the Ripple storybook to start exploring available components.

SDP Platform (Tide)

If you're using this package within a Tide environment you don't need to directly install it, it will be installed as a dependency of @dpc-sdp/nuxt-ripple and all components will be available globally, if you wish to be explicit you can import them from #components.

<template>
  <RplButton>My Button</RplButton>
</template>

The details below relate to using this package outside of Tide.

Installation

npm install @dpc-sdp/ripple-ui-core

Usage (Nuxt)

Ripple UI Core exports a nuxt module that you can add to your nuxt config, note the addition of /nuxt.

export default defineNuxtConfig({
  modules: [
    '@dpc-sdp/ripple-ui-core/nuxt'
  ]
})

There is no need to import the components as they will be registered globally by the nuxt module.

<template>
  <RplButton>My Button</RplButton>
</template>

Usage (Vue)

To use a component, import it from @dpc-sdp/ripple-ui-core/vue, note the addition of /vue.

<script setup>
  import { RplButton } from '@dpc-sdp/ripple-ui-core/vue';
</script>

<template>
  <RplButton>My Button</RplButton>
</template>

Some global styles will also need to be imported, do this at the root of your project (usually in your app.vue or index.js file).

import '@dpc-sdp/ripple-ui-core/style';