Jarik Marwede commited on
Fix custom buttons example (#544)
Browse files
docs/src/components/CodeSample.tsx
CHANGED
|
@@ -53,7 +53,7 @@ export function CodeSample(props: CodeSampleProps) {
|
|
| 53 |
const { heading, id, children, buttonText = "Show me an Example", className, config, highlight, tour } = props;
|
| 54 |
|
| 55 |
if (id === "demo-hook-theme") {
|
| 56 |
-
config!.
|
| 57 |
}
|
| 58 |
|
| 59 |
function onClick() {
|
|
|
|
| 53 |
const { heading, id, children, buttonText = "Show me an Example", className, config, highlight, tour } = props;
|
| 54 |
|
| 55 |
if (id === "demo-hook-theme") {
|
| 56 |
+
config!.onPopoverRender = attachFirstButton;
|
| 57 |
}
|
| 58 |
|
| 59 |
function onClick() {
|
docs/src/components/Examples.astro
CHANGED
|
@@ -499,7 +499,7 @@ import { ExampleButton } from "./ExampleButton";
|
|
| 499 |
element: '#customizing-popover',
|
| 500 |
popover: {
|
| 501 |
title: "Customizing Popover",
|
| 502 |
-
description: "Add your own class using `popoverClass` or use `
|
| 503 |
side: 'top',
|
| 504 |
align: 'start'
|
| 505 |
}
|
|
|
|
| 499 |
element: '#customizing-popover',
|
| 500 |
popover: {
|
| 501 |
title: "Customizing Popover",
|
| 502 |
+
description: "Add your own class using `popoverClass` or use `onPopoverRender` to get full control over the popover. <br /><br /> Visit these pages which cover <a class='font-medium underline' href='/docs/styling-popover'>styling</a> and <a class='font-medium underline' href='/docs/buttons'>customizing popovers</a> in detail.",
|
| 503 |
side: 'top',
|
| 504 |
align: 'start'
|
| 505 |
}
|