@dcrackel/meyersquaredui

Version:

This template should help get you started developing with Vue 3 in Vite. The template uses Vue 3 `<script setup>` SFCs, check out the [script setup docs](https://v3.vuejs.org/api/sfc-script-setup.html#sfc-script-setup) to learn more.

41 lines (37 loc) • 1.03 kB

JavaScript

View Raw

import SocialMediaLinkCard from './SocialMediaLinkCard.vue';

export default {
    title: 'Organisms/Cards/SocialMediaLinkCard',
    component: SocialMediaLinkCard,
};

const Template = (args) => ({
    components: { SocialMediaLinkCard },
    setup() {
        return { args };
    },
    template: '<SocialMediaLinkCard v-bind="args" />',
});

export const Default = Template.bind({});
Default.args = {
    socialMedia: [
        {
            Type: 'Discord',
            Link: 'https://discord.com',
            Label: 'Join us on Discord',
        },
        {
            Type: 'Instagram',
            Link: 'https://instagram.com',
            Label: 'Follow us on Instagram',
        },
        {
            Type: 'Facebook',
            Link: 'https://facebook.com',
            Label: 'Like us on Facebook',
        },
        {
            Type: 'Web',
            Link: 'https://www.hemaalliance.com/event-calendar',
            Label: 'Visit our Website',
        },
    ],
};