0.1.4 • Published 3 years ago
@slickteam/footer-slickteam v0.1.4
\
Installation
npm i @slickteam/footer-slickteam
Usage
- Html vanilla
<script type="module">
import '@slickteam/footer-slickteam/index.js';
</script>
<footer-slickteam></footer-slickteam>
- Vue.js
<template>
<div>
<h1>Test Page</h1>
<footer-slickteam></footer-slickteam>
</div>
</template>
<script>
import '@slickteam/footer-slickteam';
export default {
name: 'TestPage'
}
</script>
<style scoped>
/* Put CSS */
</style>
Template
<footer-slickteam
textCredit="Test Slickteam"
hideTwitterIcon
urlTwitterIcon="https://slickteam.fr"
hideFacebookIcon
urlFacebookIcon="https://slickteam.fr"
hideLinkedinIcon
urlLinkedinIcon="https://slickteam.fr"
hideGithubIcon
urlGithubIcon="https://slickteam.fr"
hideMediumIcon
urlMediumIcon="https://slickteam.fr"
></footer-slickteam>
Options
Attribute | Type | Description |
---|---|---|
textCredit | String | Content of text in left of footer |
hideTwitterIcon | Boolean | Hide Twitter icon |
urlTwitterIcon | String | Url of Twitter icon |
hideFacebookIcon | Boolean | Hide Facebook icon |
urlFacebookIcon | String | Url of Facebook icon |
hideLinkedinIcon | Boolean | Hide Linkedin icon |
urlLinkedinIcon | String | Url of Linkedin icon |
hideGithubIcon | Boolean | Hide Github icon |
urlGithubIcon | String | Url of Github icon |
hideMediumIcon | Boolean | Hide Medium Icon |
urlMediumIcon | String | Url of Medium icon |
Development
Demoing with Storybook
To run a local instance of Storybook for your component, run
npm run storybook
To build a production version of Storybook, run
npm run storybook:build
Local Demo
npm run dev
To run a local development server that serves the basic demo located in demo/index.html