hazemKrimi/personal-website
1
0
Fork 0
mirror of https://github.com/hazemKrimi/personal-website.git synced 2026-05-01 18:00:26 +00:00
Code Issues Packages Projects Releases Wiki Activity

Update mdx button props

Browse Source
This commit is contained in:
Hazem Krimi
2021-03-16 19:22:36 +01:00
parent f6cb015b90
commit ee599d1796
1 changed files with 3 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files
components/MDXButton.tsx
+3
View File
@@ -4,6 +4,7 @@ import styled from 'styled-components';
interface Props { interface Props {
variant?: 'outline' | 'text' | 'action'; variant?: 'outline' | 'text' | 'action';
type?: 'button' | 'submit';
link?: string; link?: string;
dark?: boolean; dark?: boolean;
} }
@@ -36,6 +37,7 @@ const Btn = styled.button<Props>`
const MDXButton: FC<Props & { className?: string }> = ({ const MDXButton: FC<Props & { className?: string }> = ({
variant = 'text', variant = 'text',
type = 'button',
link, link,
children, children,
className className
@@ -45,6 +47,7 @@ const MDXButton: FC<Props & { className?: string }> = ({
return ( return (
<Btn <Btn
variant={variant} variant={variant}
type={type}
dark={dark} dark={dark}
onClick={() => { onClick={() => {
if (link) window.open(link, '_blank'); if (link) window.open(link, '_blank');