gaspersic/developer-roadmap
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Interactive frontend roadmap with contribution links

Browse Source
This commit is contained in:
Kamran Ahmed
2021-12-05 01:50:05 +01:00
parent 16b2019d06
commit 3eb13043ce
137 changed files with 220 additions and 148 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
components/md-renderer/mdx-components/badge-link.tsx
View File

@ -5,16 +5,18 @@ type BadgeLinkType = {
target: string;
badgeText: string;
href: string;
colorScheme?: string;
children: React.ReactNode
};
export function BadgeLink(props: BadgeLinkType) {
const { target = '_blank', badgeText, href, children } = props;
const { target = '_blank', colorScheme='purple', badgeText, href, children } = props;
return (
<Text mb={0}>
<Link fontWeight={500} textDecoration='underline' href={href} target={target}>
<Badge colorScheme={'purple'} style={{ position: 'relative', top: '-2px' }}>{badgeText}</Badge> {children}
<Link color='blue.700' fontWeight={500} textDecoration='none' href={href} target={target} _hover={{ textDecoration: 'none', color: 'purple.400' }}>
<Badge mr='10px' colorScheme={colorScheme} pos='relative' top='-2px'>{badgeText}</Badge>
{children}
</Link>
</Text>
);