DocsButton.tsx24 lines · main
| 1 | import { BookOpen } from 'lucide-react' |
| 2 | import { Button } from 'ui' |
| 3 | |
| 4 | interface DocsButtonProps { |
| 5 | href: string |
| 6 | abbrev?: boolean |
| 7 | className?: string |
| 8 | } |
| 9 | |
| 10 | export 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 | } |