UNPKG

@neo4j-ndl/react

Version:

React implementation of Neo4j Design System

116 lines (79 loc) 2.3 kB
import { jsx as _jsx } from "react/jsx-runtime"; /** * * Copyright (c) "Neo4j" * Neo4j Sweden AB [http://neo4j.com] * * This file is part of Neo4j. * * Neo4j is free software: you can redistribute it and/or modify * it under the terms of the GNU General Public License as published by * the Free Software Foundation, either version 3 of the License, or * (at your option) any later version. * * This program is distributed in the hope that it will be useful, * but WITHOUT ANY WARRANTY; without even the implied warranty of * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the * GNU General Public License for more details. * * You should have received a copy of the GNU General Public License * along with this program. If not, see <http://www.gnu.org/licenses/>. */ import { Response } from '@neo4j-ndl/react/ai'; const headingsMarkdown = ` # Heading Level 1 This is content under heading 1. ## Heading Level 2 This is content under heading 2. ### Heading Level 3 This is content under heading 3. #### Heading Level 4 This is content under heading 4. ##### Heading Level 5 This is content under heading 5. ###### Heading Level 6 This is content under heading 6. --- ## Document Structure Example # Main Document Title Brief introduction to the document. ## Introduction This section provides an overview of what we'll cover. ### Background Some background information about the topic. #### Historical Context Details about the history. ##### Key Events - Event 1 - Event 2 - Event 3 ###### Notes Additional notes and references. ## Content Section Main content goes here. ### Subsection A Details for subsection A. ### Subsection B Details for subsection B. ## Conclusion Final thoughts and summary. --- ## Headings with Other Elements ### Code Example \`\`\`javascript console.log("Hello from heading section"); \`\`\` ### List Example - Item 1 - Item 2 - Item 3 ### Quote Example > "This is a quote under a heading." ### Mixed Content Regular paragraph with **bold** and *italic* text. `; export const Component = () => { return (_jsx("div", { className: "max-w-4xl", children: _jsx(Response, { children: headingsMarkdown }) })); }; export default Component; //# sourceMappingURL=response-headings.story.js.map