JSPM

  • Created
  • Published
  • Downloads 1
  • Score
    100M100P100Q63395F
  • License Apache-2.0

Svelte Rubus UI Components

Package Exports

  • @rubus/rubus

This package does not declare an exports field, so the exports above have been automatically detected and optimized by JSPM instead. If any package subpath is missing, it is recommended to post an issue to the original package (@rubus/rubus) to support the "exports" field. If that is not possible, create a JSPM override to customize the exports field for this package.

Readme

TODO..

The project is in its preliminary stages.

What is rubus?

A Svelte implementation of Spectrum CSS, Adobe Design System.

Install

npm install @rubus/rubus # or yarn

Usage

If this error message appears:

not a valid SSR component. You may need to review your build config to ensure that dependencies are compiled, rather than imported as pre-compiled modules

You need to do:

<script>
  import { Button, Cornerstone } from "@rubus/rubus/src";
</script>

<Cornerstone
    spectrumScale="large"
    spectrumTheme="darkest"
    >
    <Button> Start </Button>
</Cornerstone>

If this error message appears:

Unexpected token (Note that you need plugins to import files that are not JavaScript)

You need to do:

  • Import .mjs file.
<script>
  import { Button, Cornerstone } from "@rubus/rubus/dist/index.mjs";
</script>

<Cornerstone spectrumScale="large" spectrumTheme="darkest">
     <Button> Start </Button>
</Cornerstone>

You can do the same:

  • Install postcss plugin
npm install rollup-plugin-postcss

Change rollup.config.js file:

import postcss from "rollup-plugin-postcss";

...

export default {
  plugins: [
    postcss({
      extensions: [".css"],
    }),
  ]
}