46 lines
976 B
TypeScript
46 lines
976 B
TypeScript
import type { Preview } from "@storybook/vue3";
|
|
import '../src/index.css'
|
|
|
|
// Import icon libraries
|
|
import '@quasar/extras/material-icons/material-icons.css'
|
|
import '@quasar/extras/fontawesome-v5/fontawesome-v5.css'
|
|
|
|
// A few examples for animations from Animate.css:
|
|
// import @quasar/extras/animate/fadeIn.css
|
|
// import @quasar/extras/animate/fadeOut.css
|
|
|
|
// Import Quasar css
|
|
import 'quasar/src/css/index.sass'
|
|
|
|
const preview: Preview = {
|
|
parameters: {
|
|
layout: 'centered',
|
|
backgrounds: {
|
|
default: "default",
|
|
values: [
|
|
{
|
|
name:"default",
|
|
value:"#FFFAFA"
|
|
},
|
|
{
|
|
name: 'twitter',
|
|
value: '#00aced',
|
|
},
|
|
{
|
|
name: 'facebook',
|
|
value: '#3b5998',
|
|
},
|
|
],
|
|
},
|
|
actions: { argTypesRegex: "^on[A-Z].*" },
|
|
controls: {
|
|
matchers: {
|
|
color: /(background|color)$/i,
|
|
date: /Date$/,
|
|
},
|
|
},
|
|
},
|
|
};
|
|
|
|
export default preview;
|