{"componentChunkName":"component---src-templates-post-template-js","path":"/zh-CN/basic/divider","result":{"data":{"current":{"frontmatter":{"title":"Divider 分割线","order":25,"brief":"分割线是一个呈线状的轻量化组件，用于有逻辑的组织元素内容和页面结构或区域。","icon":"doc-divider"},"fields":{"type":"basic"},"tableOfContents":{"items":[{"url":"#代码演示","title":"代码演示","items":[{"url":"#如何引入","title":"如何引入"},{"url":"#基本用法","title":"基本用法"},{"url":"#包含内容","title":"包含内容"}]},{"url":"#api参考","title":"API参考"},{"url":"#设计变量","title":"设计变量"}]},"body":"var _excluded = [\"components\"];\nfunction _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }\nfunction _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var s = Object.getOwnPropertySymbols(e); for (r = 0; r < s.length; r++) o = s[r], t.includes(o) || {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } return i; }\nfunction _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (e.includes(n)) continue; t[n] = r[n]; } return t; }\n/* @jsxRuntime classic */\n/* @jsx mdx */\n\nvar _frontmatter = {\n \"localeCode\": \"zh-CN\",\n \"order\": 25,\n \"category\": \"基础\",\n \"title\": \"Divider 分割线\",\n \"icon\": \"doc-divider\",\n \"brief\": \"分割线是一个呈线状的轻量化组件，用于有逻辑的组织元素内容和页面结构或区域。\"\n};\nvar makeShortcode = function makeShortcode(name) {\n return function MDXDefaultShortcode(props) {\n console.warn(\"Component \" + name + \" was not imported, exported, or provided by MDXProvider as global scope\");\n return mdx(\"div\", props);\n };\n};\nvar DesignToken = makeShortcode(\"DesignToken\");\nvar layoutProps = {\n _frontmatter: _frontmatter\n};\nvar MDXLayout = \"wrapper\";\nreturn function MDXContent(_ref) {\n var components = _ref.components,\n props = _objectWithoutProperties(_ref, _excluded);\n return mdx(MDXLayout, _extends({}, layoutProps, props, {\n components: components,\n mdxType: \"MDXLayout\"\n }), mdx(\"section\", null, mdx(\"h2\", {\n parentName: \"section\"\n }, \"\\u4EE3\\u7801\\u6F14\\u793A\"), mdx(\"h3\", {\n parentName: \"section\"\n }, \"\\u5982\\u4F55\\u5F15\\u5165\"), mdx(\"pre\", {\n parentName: \"section\"\n }, mdx(\"code\", {\n parentName: \"pre\",\n \"className\": \"language-jsx\",\n \"metastring\": \"import\",\n \"import\": true\n }, \"import { Divider } from '@douyinfe/semi-ui';\\n\")), mdx(\"h3\", {\n parentName: \"section\"\n }, \"\\u57FA\\u672C\\u7528\\u6CD5\"), mdx(\"pre\", {\n parentName: \"section\"\n }, mdx(\"code\", {\n parentName: \"pre\",\n \"className\": \"language-jsx\",\n \"metastring\": \"live=true\",\n \"live\": \"true\"\n }, \"import React from 'react';\\nimport { Divider } from '@douyinfe/semi-ui';\\n\\n() => {\\n\\n return (\\n \\n
\\u6C34\\u5E73\\u5B9E\\u7EBF
\\n
Semi Design \\u662F\\u4E00\\u4E2A\\u8BBE\\u8BA1\\u7CFB\\u7EDF\\u3002\\n
\\n
\\u5B83\\u5B9A\\u4E49\\u4E86\\u4E00\\u5957\\u4E2D\\u540E\\u53F0\\u8BBE\\u8BA1\\u4E0E\\u524D\\u7AEF\\u57FA\\u7840\\u7EC4\\u4EF6\\u3002\\n\\n
\\u6C34\\u5E73\\u865A\\u7EBF
\\n
Semi Design \\u662F\\u4E00\\u4E2A\\u8BBE\\u8BA1\\u7CFB\\u7EDF\\u3002\\n
\\n
\\u5B83\\u5B9A\\u4E49\\u4E86\\u4E00\\u5957\\u4E2D\\u540E\\u53F0\\u8BBE\\u8BA1\\u4E0E\\u524D\\u7AEF\\u57FA\\u7840\\u7EC4\\u4EF6\\u3002\\n\\n
\\u5782\\u76F4\\u5B9E\\u7EBF
\\n\\n
\\n
\\u5DE6\\n
\\n
\\u4E2D\\n
\\n
\\u53F3\\n
\\n\\n
\\u5782\\u76F4\\u865A\\u7EBF
\\n
\\n
\\u5DE6\\n
\\n
\\u4E2D\\n
\\n
\\u53F3\\n
\\n\\n
\\n
\\n \\u8FD9\\u662F\\u5C45\\u5DE6\\u6587\\u5B57\\n \\n\\n
\\n \\u8FD9\\u662F\\u5C45\\u4E2D\\u6587\\u5B57\\n \\n\\n
\\n \\u8FD9\\u662F\\u5C45\\u53F3\\u6587\\u5B57\\n \\n\\n
\\n \\n \\n