Security News
tea.xyz Spam Plagues npm and RubyGems Package Registries
Tea.xyz, a crypto project aimed at rewarding open source contributions, is once again facing backlash due to an influx of spam packages flooding public package registries.
vue-cute-timeline
Advanced tools
Readme
A cute timeline component for Vue.js.
yarn add vue-cute-timeline --save
<template>
<timeline>
<timeline-title>title</timeline-title>
<timeline-item bg-color="#9dd8e0">item1</timeline-item>
<timeline-item :hollow="true">item2</timeline-item>
</timeline>
</template>
<script>
import { Timeline, TimelineItem, TimelineTitle } from 'vue-cute-timeline'
export default {
components: {
Timeline,
TimelineItem,
TimelineTitle
}
}
</script>
<timeline>
propsIt will be better to use hyphenated attributes instead of camelcase attributes. The discussion explained why.
timeline-theme
The theme color of the timeline component.
Set the line's and circle's color.
Type: string
Default: #dbdde0
timeline-bg
The background color of the timeline circle component (for hollow and others if needed).
Set the hollow circle's and other timeline symbol's default background color.
Type: string
Default: #dbdde0
<timeline-item>
/ <timeline-title>
propsbg-color
Set the circle's and the circle's border color.
Type: string
Default: #dbdde0
line-color
Set only the circle's border color.
Type: string
Default: #dbdde0
hollow
Control whether the circle is hollow or not.
_Note** When hollow
cannot be used together with bg-color
, unless you wish to change the hollow background color.
Type: boolean
Default: false
font-color
Set the timeline item or title font color. Or you can set font color by add a className, as the content of the timeline item/title is a slot.
Type: string
Default: #37414a
icon-size
Set the timeline item or title icon size.
Control the size of the circle or of the image set using slots="others"
.
Type: string ('small'| 'medium'|'large')
Default: ''
others
Don't like the circle? You can set it to a image, iconfont or anything you want.
<timeline-item>
<img
src="https://user-images.githubusercontent.com/12069729/36057805-80cfc3d2-0e4e-11e8-8851-6fda091ff389.png"
class="icon-heart"
slot="others"
/>
</timeline-item>
MIT © luyilin
minemine.cc · GitHub @luyilin · Twitter @luyilin12
FAQs
A cute timeline component for Vue.js
The npm package vue-cute-timeline receives a total of 425 weekly downloads. As such, vue-cute-timeline popularity was classified as not popular.
We found that vue-cute-timeline demonstrated a not healthy version release cadence and project activity because the last version was released a year ago. It has 1 open source maintainer collaborating on the project.
Did you know?
Socket for GitHub automatically highlights issues in each pull request and monitors the health of all your open source dependencies. Discover the contents of your packages and block harmful activity before you install or update your dependencies.
Security News
Tea.xyz, a crypto project aimed at rewarding open source contributions, is once again facing backlash due to an influx of spam packages flooding public package registries.
Security News
As cyber threats become more autonomous, AI-powered defenses are crucial for businesses to stay ahead of attackers who can exploit software vulnerabilities at scale.
Security News
UnitedHealth Group disclosed that the ransomware attack on Change Healthcare compromised protected health information for millions in the U.S., with estimated costs to the company expected to reach $1 billion.