Accords-Library-Archive
/
accords-library.com
1
0
Fork 0
Code Issues Pull Requests 5 Packages Projects Releases Wiki Activity

Buttons' content can no longer be selected + draggability

This commit is contained in:
DrMint 2022-04-10 23:16:59 +02:00
parent 7c18c4f634
commit 3cf890d70d
1 changed files with 3 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
src/components/Button.tsx
View File

@ -10,6 +10,7 @@ interface Props {
locale?: string; locale?: string;
target?: "_blank"; target?: "_blank";
onClick?: MouseEventHandler<HTMLDivElement>; onClick?: MouseEventHandler<HTMLDivElement>;
draggable?: boolean
} }
export default function Button(props: Props): JSX.Element { export default function Button(props: Props): JSX.Element {
@ -17,9 +18,10 @@ export default function Button(props: Props): JSX.Element {
const button = ( const button = (
<div <div
draggable={props.draggable}
id={props.id} id={props.id}
onClick={props.onClick} onClick={props.onClick}
className={`grid place-content-center place-items-center border-[1px] border-dark text-dark rounded-full px-4 pt-[0.4rem] pb-[0.5rem] transition-all ${ className={`grid place-content-center place-items-center border-[1px] border-dark text-dark rounded-full px-4 pt-[0.4rem] pb-[0.5rem] transition-all select-none ${
props.className props.className
} ${ } ${
props.active props.active