tt-front-lib

Project setup

npm i @coocaa/tt-front-lib

Usage

import Vue from 'vue'
import * as components from '@coocaa/tt-front-lib'
Vue.use(components)

Icon

image

<tt-icon
  icon="home | like | logo | message | photo | plus | profil | touitteur | unlike | search | retweet"
  color="primary | secondary"
  :ttstyle="<Object>"
  size="1em"
/>

button

image

<tt-button
  type="plain | text"
  icon="<iconName>"
  color="primary | secondary"
  iconMargin=".5em"
  iconPlacement="left | right"
  :ttstyle="<Object>"
>
  button text
</tt-button>

Input

image

<tt-button
  placeholder="<placeholder>"
  type="plain | stroke"
  icon="<iconName>"
  color="primary | secondary"
  iconMargin=".5em"
  iconPlacement="left | right"
  :ttstyle="<Object>"
></tt-input>

Container

you can use multiple border name separated by space

<tt-container
  :ttstyle="<Object>"
  border="bottom | top | left | right | all"
></tt-container>