Button 按钮 ^2.10.0

代码演示

基础用法

<script setup></script>

<template>
  <a-space>
    <x-button type="primary">
      主要按钮
    </x-button>
    <x-button
      color="success"
      type="primary"
    >
      成功按钮
    </x-button>
    <x-button>默认按钮</x-button>
    <x-button
      color="error"
      type="primary"
    >
      危险按钮
    </x-button>
    <x-button
      color="warning"
      type="primary"
    >
      警告按钮
    </x-button>
    <x-button
      color="#7232dd"
      type="primary"
    >
      单色按钮
    </x-button>
    <x-button
      color="#7232dd"
      ghost
      type="primary"
    >
      单色按钮
    </x-button>
    <x-button
      color="linear-gradient(to right, #ff6034, #ee0a24)"
      type="primary"
    >
      渐变色按钮
    </x-button>
    <x-button
      color="#67e8f9"
      color-text="#000"
      type="primary"
    >
      自定义文本颜色
    </x-button>
  </a-space>
</template>

<style lang="less" scoped></style>

API

Props

参数	说明	类型	默认值
color	颜色，内置 success、error、warning，并与主题色保持一致	string	-
color-text	文本颜色	string	-