0.2.0 • Published 5 years ago

v-triangle v0.2.0

Weekly downloads
7
License
MIT
Repository
github
Last release
5 years ago

v-triangle

Simple triangle icon which made by html element.

Install

yarn add v-triangle

Demo

CodePen

Quick start

Import globally

// main.js or index.js

import Vue from 'vue';
import VTriangle from 'v-triangle';

Vue.use(VTriangle);

new Vue({
  ...
});

Import locally

// js in single file component

import VTriangle from 'v-triangle';
export default({
  components: {
      VTriangle
  }
})

Attributes

NameTypeRequiredDefaultDescription
heightString:white_check_mark:Height of triangle. Its unit could be ch, em, ex, rem, vh, vw, vmin, vmax, px, cm, mm, in, pc, pt.
widthString:white_check_mark:Width of triangle. Its unit could be ch, em, ex, rem, vh, vw, vmin, vmax, px, cm, mm, in, pc, pt.
directionStringupDirection of triangle. It could be up, down, left, right.
colorStringblackColor of triangle. It could be any valid css color.

Road map

  • Set unpkg target.
  • Unit test.
  • Add Storybook.
  • Add up-right, up-left, down-right, down-left direction.
0.2.0

5 years ago

0.1.1

5 years ago

0.1.0

5 years ago