DocsButton.tsx24 lines · main
1import { BookOpen } from 'lucide-react'
2import { Button } from 'ui'
3
4interface DocsButtonProps {
5 href: string
6 abbrev?: boolean
7 className?: string
8}
9
10export const DocsButton = ({ href, abbrev = true, className }: DocsButtonProps) => {
11 return (
12 <Button
13 asChild
14 type="default"
15 className={className}
16 icon={<BookOpen />}
17 onClick={(e) => e.stopPropagation()}
18 >
19 <a target="_blank" rel="noopener noreferrer" href={href}>
20 {abbrev ? 'Docs' : 'Documentation'}
21 </a>
22 </Button>
23 )
24}