{"componentChunkName":"component---src-templates-post-template-js","path":"/en-US/start/overview","result":{"data":{"current":{"frontmatter":{"title":"Overview","order":10,"brief":"Based on Semi design language, React UI desktop component library that can be debugged online, helps developers build applications efficiently.","icon":"doc-overview"},"fields":{"type":"start"},"tableOfContents":{"items":[{"url":"#basic","title":"Basic"},{"url":"#ai-组件","title":"AI 组件"},{"url":"#plus-component","title":"Plus Component"},{"url":"#input","title":"Input"},{"url":"#navigation","title":"Navigation","items":[{"url":"#show","title":"Show"}]},{"url":"#feedback","title":"Feedback"},{"url":"#others","title":"Others"}]},"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  \"category\": \"Getting Started\",\n  \"title\": \"Overview\",\n  \"subTitle\": \"Overview\",\n  \"icon\": \"doc-overview\",\n  \"localeCode\": \"en-US\",\n  \"order\": 10,\n  \"brief\": \"Based on Semi design language, React UI desktop component library that can be debugged online, helps developers build applications efficiently.\"\n};\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  }, \"Basic\"), mdx(\"pre\", {\n    parentName: \"section\"\n  }, mdx(\"code\", {\n    parentName: \"pre\",\n    \"className\": \"language-overview\"\n  }, \"Divider,\\nGrid,\\nIcon,\\nLayout,\\nTypography,\\nFloatButton\\n\"))), mdx(\"section\", null, mdx(\"h2\", {\n    parentName: \"section\"\n  }, \"AI \\u7EC4\\u4EF6\"), mdx(\"pre\", {\n    parentName: \"section\"\n  }, mdx(\"code\", {\n    parentName: \"pre\",\n    \"className\": \"language-overview\"\n  }, \"AIIcon,\\nAIButton,\\nAITag,\\nAIFloatButton,\\nAIChatInput,\\nAIChatDialogue\\n\"))), mdx(\"section\", null, mdx(\"h2\", {\n    parentName: \"section\"\n  }, \"Plus Component\"), mdx(\"pre\", {\n    parentName: \"section\"\n  }, mdx(\"code\", {\n    parentName: \"pre\",\n    \"className\": \"language-overview\"\n  }, \"CodeHighlight,\\nMarkdown,\\nLottie,\\nChat,\\nHotKeys,\\nDragMove\\n\"))), mdx(\"section\", null, mdx(\"h2\", {\n    parentName: \"section\"\n  }, \"Input\"), mdx(\"pre\", {\n    parentName: \"section\"\n  }, mdx(\"code\", {\n    parentName: \"pre\",\n    \"className\": \"language-overview\"\n  }, \"AutoComplete,\\nCascader,\\nButton,\\nCheckbox,\\nDatePicker,\\nForm,\\nInput,\\nInputNumber,\\nPinCode,\\nRadio,\\nRating,\\nSelect,\\nSlider,\\nSwitch,\\nTimePicker,\\nTransfer,\\nTreeSelect,\\nUpload\\n\"))), mdx(\"section\", null, mdx(\"h2\", {\n    parentName: \"section\"\n  }, \"Navigation\"), mdx(\"pre\", {\n    parentName: \"section\"\n  }, mdx(\"code\", {\n    parentName: \"pre\",\n    \"className\": \"language-overview\"\n  }, \"Anchor,\\nBackTop,\\nBreadcrumb,\\nNavigation,\\nPagination,\\nSteps,\\nTabs,\\nTree\\n\")), mdx(\"h3\", {\n    parentName: \"section\"\n  }, \"Show\"), mdx(\"pre\", {\n    parentName: \"section\"\n  }, mdx(\"code\", {\n    parentName: \"pre\",\n    \"className\": \"language-overview\"\n  }, \"Avatar,\\nBadge,\\nCalendar,\\nCard,\\nCarousel,\\nCollapse,\\nCollapsible,\\nDescriptions,\\nDropdown,\\nEmpty,\\nImage,\\nCropper,\\nList,\\nModal,\\nOverflowList,\\nPopover,\\nScrollList,\\nSideSheet,\\nTable,\\nTag,\\nTimeline,\\nTooltip,\\nHighlight\\n\"))), mdx(\"section\", null, mdx(\"h2\", {\n    parentName: \"section\"\n  }, \"Feedback\"), mdx(\"pre\", {\n    parentName: \"section\"\n  }, mdx(\"code\", {\n    parentName: \"pre\",\n    \"className\": \"language-overview\"\n  }, \"Banner,\\nNotification,\\nFeedback,\\nPopconfirm,\\nProgress,\\nSkeleton,\\nSpin,\\nToast\\n\"))), mdx(\"section\", null, mdx(\"h2\", {\n    parentName: \"section\"\n  }, \"Others\"), mdx(\"pre\", {\n    parentName: \"section\"\n  }, mdx(\"code\", {\n    parentName: \"pre\",\n    \"className\": \"language-overview\"\n  }, \"ConfigProvider,\\nLocaleProvider\\n\"))));\n}\n;\nMDXContent.isMDXComponent = true;"}},"pageContext":{"slug":"en-US/start/overview","next":{"fields":{"slug":"zh-CN/start/overview"},"id":"8302bffd-bef5-51d0-bcb7-4f85da35c91d","frontmatter":{"title":"Overview 组件总览","localeCode":"zh-CN","icon":"doc-overview","showNew":null}},"previous":{"fields":{"slug":"zh-CN/advanced/design-source"},"id":"560718b4-a89e-5352-8b90-0b7edd91731a","frontmatter":{"title":"Design Resources 设计资源","localeCode":"zh-CN","icon":"doc-designresource","showNew":null}}}},"staticQueryHashes":["1348983216229725","1477422646229725","3245198693229725","417590761229725","63159454229725"]}