Social Channels

Basic

<mu-social-channels :links="links" />
1
export default {
    data() {
        return {
            links: {
                "facebook": {
                    "link": "https://www.facebook.com/",
                    "icon": "facebook-f"
                },
                "instagram": {
                    "link": "https://www.instagram.com/",
                    "icon": "instagram"
                },
                "youtube": {
                    "link": "https://www.youtube.com/",
                    "icon": "youtube"
                },
                "telegram": {
                    "link": "https://telegram.me/",
                    "icon": "telegram-plane"
                },
                "vk": {
                    "link": "https://vk.com/",
                    "icon": "vk"
                },
                "twitter": {
                    "link": "https://twitter.com",
                    "icon": "twitter"
                },
                "twitch": {
                    "link": "https://twitch.com",
                    "icon": "twitch"
                },
                "whatsapp": {
                    "link": "https://whatsapp.com",
                    "icon": "whatsapp"
                },
                "vimeo": {
                    "link": "https://vimeo.com",
                    "icon": "vimeo-v"
                }
            }
        }
    },
};
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44

Attributes

Attribute Description Type Accepted Values Default
links Links for social channels Object Object with keys icon and link Required
className Special class for customization String any string ' '