@watheia/docs.markdown.elements.paragraph/dist/paragraph.docs.js

"use strict";
Object.defineProperty(exports, "__esModule", { value: true });
exports.labels = void 0;
const docs_theme_theme_compositions_1 = require("@watheia/docs.theme.theme-compositions");
const paragraph_1 = require("./paragraph");
exports.labels = ["react", "ui-component", "text", "paragraph", "div", "span"];
const scope = { Paragraph: paragraph_1.Paragraph, ThemeCompositions: docs_theme_theme_compositions_1.ThemeCompositions };
// export const examples = [
//   {
//     scope,
//     title: "Using the Paragraph component.",
//     description:
//       "The Paragraph component renders a text as either a 'p', 'div' or 'span' element.",
//     code: `
// <ThemeCompositions>
//     <Paragraph element="p" >
//         This is a 'p' element.
//     </Paragraph>
//     <Paragraph element="div" >
//         This is a 'div' element.
//     </Paragraph>
//     <Paragraph element="span" >
//         This is a 'span' element.
//     </Paragraph>
// </ThemeCompositions>
// `
//   },
//   {
//     scope,
//     description: "Selecting a font size.",
//     code: `
// <ThemeCompositions>
//     <Paragraph size="xxm" >
//         This is an xx-small font.
//     </Paragraph>
//     <Paragraph size="md" >
//         This is a medium size font.
//     </Paragraph>
//     <Paragraph size="xl" >
//         This is an extra large font.
//     </Paragraph>
// </ThemeCompositions>
// `
//   }
// ]
//# sourceMappingURL=paragraph.docs.js.map