Title 标题 ​

vue

<template>
  <div class="">
    <w-title>默认标题</w-title>
    <w-divider />
    <w-title size="small">小标题</w-title>
    <w-divider />
    <w-title :round="false">
      个人详情
      <template #suf-append>
        <w-button text type="primary" :icon="Search">搜索</w-button>
      </template>
    </w-title>
    <w-divider />
    <w-title
      :round="false"
      title="WinDesignNext is a basic UI component library developed based on Vue. js 3. x and strictly following the latest design specifications. It covers some common UI and interaction function requirements in development, aiming to unify the front-end implementation effect on the basic component UI, reduce developers' attention on the visual level, focus on product function development, and improve application development efficiency while ensuring visual implementation effect."
    >
      <template #suf-append>
        <w-button text type="primary" :icon="Search">搜索</w-button>
      </template>
    </w-title>
  </div>
</template>

<script setup lang="ts">
import { Search } from '@win-design-next/icons-vue'
</script>