XeNote/components/Skill.tsx

16 lines
389 B
TypeScript
Raw Normal View History

export interface SkillProps {
label: string
link?: string
}
export default function Skill({ label, link = "#" }: SkillProps) {
return (
<a href={link} target="_blank" style={{ textDecoration: 'none !important' }}>
<div className={`hover:scale-110 transition duration-100 bg-slate-500 text-white rounded-xl px-2 py-1 text-xs`}>
{label}
</div>
</a>
)
}