0.2.0 • Published 7 years ago
v-triangle v0.2.0
v-triangle
Simple triangle icon which made by html element.
Install
yarn add v-triangleDemo
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
| Name | Type | Required | Default | Description |
|---|---|---|---|---|
| height | String | :white_check_mark: | Height of triangle. Its unit could be ch, em, ex, rem, vh, vw, vmin, vmax, px, cm, mm, in, pc, pt. | |
| width | String | :white_check_mark: | Width of triangle. Its unit could be ch, em, ex, rem, vh, vw, vmin, vmax, px, cm, mm, in, pc, pt. | |
| direction | String | up | Direction of triangle. It could be up, down, left, right. | |
| color | String | black | Color 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-leftdirection.