eddd
Content
Installation
Buttons
Forms
Avatars
Lists
Icons
Installation
Install with npm:
npm i eddd --save-dev
Once eddd has been installed, navigate to your application's main entry point. In most cases this will be index.js or main.js. In this file you will import eddd and tell Vue to use it.
import Vue from 'vue'
import eddd from 'eddd'
Vue.use(eddd)
Buttons
Normal button
<buttonedd> Button </buttonedd>
Normal dark button
<buttonedd dark="true"> Button </buttonedd>
Disable button
<buttonedd disable="true"> Button </buttonedd>
Disable dark button
<buttonedd dark="true" disable="true"> Button </buttonedd>
Active button
<buttonedd active="true"> Button </buttonedd>
Active dark button
<buttonedd dark="true" active="true"> Button </buttonedd>
Forms
Normal form
<formedd placeholder="Search.."/>
Normal dark form
<formedd dark="true" placeholder="Search.."/>
Icon form
<formedd icon="circle" placeholder="Search.."/>
Circle dark form
<formedd dark="true" icon="circle" placeholder="Search.."/>
Avatars
Offline avatar
<avataredd src="..."/>
Online avatar
<avataredd src="..." icon="circle"/>
Lists
Use slot for list items
<listedd dark>
<div>Menu</div>
<div slot="list">
<list-itemedd>Block</list-itemedd>
<list-itemedd>Ignore</list-itemedd>
<list-itemedd line>Delete</list-itemedd>
</div>
</listedd>
Icons
<iconedd name="heart"/>
© martiliones 2019 ❤