Composition example
Content views · Sources, JSON and images
Preview
Code
render: () => (
<Stack>
<WebBlock
kind="search"
answer="Sources are provided by the host; the component does not run searches."
sources={[
{ title: "Example", url: "https://example.com", snippet: "A verifiable source note." },
{ url: "javascript:alert(1)", title: "A source that cannot be navigated" },
]}
/>
<JsonTree
data={{ name: "Meowland", options: { theme: "DeepSeek", enabled: true }, items: [1, 2, 3] }}
/>
<JsonBlock text={'{"broken":'} />
<ImageLightbox
src={sampleImage}
alt="Blue circle example"
caption="Image preview · Escape returns to the original button"
/>
</Stack>
)