27 lines
601 B
Vue
27 lines
601 B
Vue
<docs>
|
||
---
|
||
order: 8
|
||
title:
|
||
zh-CN: 幽灵按钮
|
||
en-US: Ghost Button
|
||
---
|
||
|
||
## zh-CN
|
||
|
||
幽灵按钮将按钮的内容反色，背景变为透明，常用在有色背景上。
|
||
|
||
## en-US
|
||
|
||
`ghost` property will make button's background transparent, it is commonly used in colored background.
|
||
|
||
</docs>
|
||
|
||
<template>
|
||
<div :style="{ background: 'rgb(190, 200, 200)', padding: '26px 16px 16px' }">
|
||
<a-button type="primary" ghost>Primary</a-button>
|
||
<a-button ghost>Default</a-button>
|
||
<a-button type="dashed" ghost>Dashed</a-button>
|
||
<a-button danger ghost>Danger</a-button>
|
||
</div>
|
||
</template>
|