Fix #6535: Button as link docs (#6547)

primefaces · May 2, 2024 · c53cde8 · c53cde8
1 parent f61aef5
commit c53cde8
Showing 1 changed file with 4 additions and 4 deletions.
diff --git a/components/doc/button/linkdoc.js b/components/doc/button/linkdoc.js
@@ -5,7 +5,7 @@ import { Button } from '@/components/lib/button/Button';
 export function LinkDoc(props) {
     const code = {
         basic: `
-<Button label="Link" link />
+<Button label="Link" link onClick={() =>  window.open('https://react.dev', '_blank')}/>
 <a href="https://react.dev" target="_blank" rel="noopener noreferrer" className="p-button font-bold">
     Navigate
 </a>
@@ -17,7 +17,7 @@ import { Button } from 'primereact/button';
 export default function LinkDemo() {
     return (
         <div className="card flex justify-content-center">
-            <Button label="Link" link />
+            <Button label="Link" link onClick={() =>  window.open('https://react.dev', '_blank')}/>
             <a href="https://react.dev" target="_blank" rel="noopener noreferrer" className="p-button font-bold">
                 Navigate
             </a>
@@ -33,7 +33,7 @@ import { Button } from 'primereact/button';
 export default function LinkDemo() {
     return (
         <div className="card flex justify-content-center">
-            <Button label="Link" link />
+            <Button label="Link" link onClick={() =>  window.open('https://react.dev', '_blank')}/>
             <a href="https://react.dev" target="_blank" rel="noopener noreferrer" className="p-button font-bold">
                 Navigate
             </a>
@@ -51,7 +51,7 @@ export default function LinkDemo() {
                 </p>
             </DocSectionText>
             <div className="card flex justify-content-center">
-                <Button label="Link" link />
+                <Button label="Link" link onClick={() => window.open('https://react.dev', '_blank')} />
                 <a href="https://react.dev" target="_blank" rel="noopener noreferrer" className="p-button font-bold">
                     Navigate
                 </a>