'storybook multiple component VUE 3
I have two components :Icon and Button. I'm trying to show them on the template. I want to show the icon inside the button component when iconFab is set to true. I can't see the icon at all, just the button component. I tried to follow the documentation
Button.stories.js
import EzButton from '../components/Button.vue'
import EzIcon from '../components/Icon.vue'
import EzIconStory from './Icon.stories.js'
import { faHome } from '@fortawesome/free-solid-svg-icons'
export default {
title: 'Components/Button',
component: EzButton,
argTypes: {
iconFab: {
control: {
type: 'boolean'
}
},
},
}
const FabIconTemplate = (args, { argTypes }) => ({
components: { EzButton, EzIcon },
setup() {
return { args }
},
template: `
<ez-button v-bind="args">
<ez-icon :icon="icon">hi</ez-icon>
</ez-button>
`,
});
export const OneItem = FabIconTemplate.bind({});
OneItem.args = {
iconFab : true // button component
icon: faHome, // icon component
};
Sources
This article follows the attribution requirements of Stack Overflow and is licensed under CC BY-SA 3.0.
Source: Stack Overflow
| Solution | Source |
|---|
