Hi! First post here:)
Just installed the v.0.2 and enabled simulator. It works nicely and i am very happy that I dont have to work with 4th party modules. Although I like storybook alot, its just one more thing that has to work...
My layout has a dark background and my text is then obviously light, then in the simulator I cant see the light elements or text.
Where can i change the styles of the simulator, or even add the styles from my nuxt layout?
I tested it out and a solution would be to add the class to the slice simulator page:
<SliceSimulator :state="state" #default="props" >
<SliceZone v-bind="props" class="bg-black"/>
But it dosnt really look nice. It would be awsome if this page also inclueds the layout of the nuxt page:D Possible?
Welcome to the Prismic community, and thanks for posting to us.
I am discussing this with the team for you, and I will come back to you once I have an answer.
Our Slice Machine team has released an update today. You can configure the background of the simulator in many ways now:
- by using the new
background prop, e.g.
<SliceSimulator background="#000000" />.
- pass classes to it and apply them using
- provide any valid CSS value to the background prop, so CSS var should be working.
Let me know if you have other questions.
Ooohhh Nice! Then i can pass all the the classes from layout as props also maybe?
I will see more into it.
Thanks for the answer!
Yes, you can pass classes as a prop.