wonderlandpark/core
2
1
Fork 0
mirror of https://github.com/koreanbots/core.git synced 2025-12-16 14:30:22 +00:00
Code Issues Packages Projects Releases Wiki Activity

feat: added other props for Tag

Browse Source
This commit is contained in:
원더 2021-01-31 12:46:52 +09:00
parent 2b1c1e379d
commit 0b5c4bc990
1 changed files with 5 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

7
components/Tag.tsx
View File

@ -10,7 +10,8 @@ const Tag = ({
dark = false, dark = false,
marginBottom = 2, marginBottom = 2,
newTab = false, newTab = false,
bigger = false bigger = false,
...props
}: LabelProps): JSX.Element => { }: LabelProps): JSX.Element => {
return href ? newTab ? ( return href ? newTab ? (
<a <a
@ -52,6 +53,7 @@ const Tag = ({
</Link> </Link>
) : ( ) : (
<a <a
{...props}
className={`${className ?? ''} text-center text-base ${ className={`${className ?? ''} text-center text-base ${
dark dark
? blurple ? blurple
@ -59,7 +61,7 @@ const Tag = ({
: github : github
? 'bg-gray-900 text-white' ? 'bg-gray-900 text-white'
: 'bg-little-white-hover dark:bg-very-black' : 'bg-little-white-hover dark:bg-very-black'
: 'bg-little-white dark:bg-discord-black' : `bg-little-white dark:bg-discord-black ${props.onClick ? 'hover:bg-little-white-hover dark:hover:bg-discord-dark-hover transition duration-100 ease-in' : '' }`
} ${!blurple && !github ? 'text-black dark:text-gray-400' : ''} ${ } ${!blurple && !github ? 'text-black dark:text-gray-400' : ''} ${
circular ? `rounded-3xl ${bigger ? 'px-3.5 py-2.5' : 'px-2.5 py-1.5'}` : `rounded ${bigger ? 'px-3 py-2' : 'px-2 py-1'}` circular ? `rounded-3xl ${bigger ? 'px-3.5 py-2.5' : 'px-2.5 py-1.5'}` : `rounded ${bigger ? 'px-3 py-2' : 'px-2 py-1'}`
} mr-1 mb-${marginBottom}`} } mr-1 mb-${marginBottom}`}
@ -81,6 +83,7 @@ interface LabelProps {
marginBottom?: number marginBottom?: number
newTab?: boolean newTab?: boolean
bigger?: boolean bigger?: boolean
[key: string]: unknown
} }
export default Tag export default Tag