Skip to content

Commit 56c3c2a

Browse files
committed
fix: add focus-visible styles to ClipboardCopy button
1 parent d0695a6 commit 56c3c2a

File tree

1 file changed

+7
-0
lines changed

1 file changed

+7
-0
lines changed

src/mdx/code.js

Lines changed: 7 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -31,6 +31,13 @@ const ClipboardCopy = ({value, ...props}) => {
3131
setCopied(true)
3232
announce(`Copied to clipboard`)
3333
}}
34+
sx={{
35+
'&:focus-visible': {
36+
outline: '2px solid',
37+
outlineColor: 'accent.fg',
38+
outlineOffset: '2px',
39+
},
40+
}}
3441
>
3542
<Octicon icon={copied ? CheckIcon : CopyIcon} sx={{color: copied ? 'success.fg' : 'fg.muted'}} />
3643
</Button>

0 commit comments

Comments
 (0)