Color Picker not rendering correctly

[janikga]

Describe the bug

Hey guys, I'm having problems with integrating verte into my application. First of all, let me say that it looks like a really lean lib that matches my needs exactly, so good job with that!

Here you see a screenshot of how the color picker currently looks like. Obviously, it doesn't render correctly (missing css?):

To Reproduce/ how my code looks like

my .vue file:

<template>
 <section>
... some other components
    <verte
        :picker="'wheel'"
        :model="'hex'"
        :value="colors">
    </verte>
 </section>
</template>

and

<script lang="ts">
...
import verte from 'verte'
...
export default {
  components: {
     someOtherComponents,
     verte
  }
}

Any suggestions on what I'm doing wrong? Is a css importing missing in the docu maybe?

Desktop (please complete the following information):

• OS: macOS
• Browser: chrome
• Version: 69

[janikga]

fixed it by adding import '../node_modules/verte/dist/verte.css' to my app.ts(where i create and mount the app). Makes probably sense to add a hint to the docs about importing the css?

[ismail9k]

Sure, we will add this to docs, thank you for help.