<eb-title :level="1">Level 1 主标题 H1</eb-title>
  <eb-title :level="2">Level 2 区块标题 H2</eb-title>
  <eb-title :level="3">Level 3 卡片标题 H3</eb-title>
  <eb-title :level="4">Level 4 分组标题 H4</eb-title>
  <eb-title :level="5">Level 5 辅助标题 H5</eb-title>

  <eb-title :level="4" copyable>订单详情 #A-1001</eb-title>

  <div style="max-width: 560px">
    <eb-paragraph>
      企业级中后台组件库面向数据密集场景设计：表格、表单、图表与业务组件组合覆盖增删改查、审批流、
      监控看板等高频页面，明暗主题自动跟随。
    </eb-paragraph>
    <eb-paragraph :ellipsis="{ rows: 2 }" style="margin-top: 12px">
      多行截断示例：这里是一段较长的说明文字，超过指定行数后自动以省略号收尾，适用于列表摘要、
      卡片简介、通知预览等空间受限的场景。超过两行的内容将不再展示，鼠标悬停可配合 Tooltip 查看全文。
    </eb-paragraph>
  </div>

  <eb-space size="middle" style="flex-wrap: wrap">
    <eb-text type="primary">Primary</eb-text>
    <eb-text type="success">Success</eb-text>
    <eb-text type="warning">Warning</eb-text>
    <eb-text type="danger">Danger</eb-text>
    <eb-text mark>Mark 标记</eb-text>
    <eb-text code>Code 片段</eb-text>
    <eb-text underline>Underline 下划线</eb-text>
    <eb-text delete>Delete 删除线</eb-text>
    <eb-text strong>Strong 加粗</eb-text>
    <eb-text truncated style="max-width: 120px">Truncated 单行截断超长文本示例</eb-text>
  </eb-space>