@dpc-sdp/ripple-ui-core NPM

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';

vue mitt swiper date-fns @nuxt/kit focus-trap @vueuse/core postcss-each normalize.css postcss-nested vite-svg-loader postcss-normalize postcss-preset-env @vueuse/integrations

@everything-registry/sub-chunk-254 @dpc-sdp/ripple-tide-media @infinitebrahmanuniverse/nolb-_dp @dpc-sdp/ripple-tide-grant @dpc-sdp/ripple-tide-landing-page @dpc-sdp/ripple-tide-publication @dpc-sdp/ripple-tide-search @dpc-sdp/ripple-ui-forms @dpc-sdp/nuxt-ripple @dpc-sdp/nuxt-ripple-analytics @dpc-sdp/nuxt-ripple-preview

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago