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 |
}
|