Appearance
Button
Type
<script setup lang="ts">
import { DuButton } from 'doggy-ui-v3'
</script>
<template>
<du-button type="primary">Primary</du-button>
<du-button type="warning">Warning</du-button>
<du-button type="error">Error</du-button>
</template>
Size
<script setup lang="ts">
import { DuButton } from 'doggy-ui-v3'
</script>
<template>
<div style="display: flex; align-items: flex-end">
<du-button size="small">Small</du-button>
<du-button size="default">Default</du-button>
</div>
</template>
Disabled
<script setup lang="ts">
import { DuButton } from 'doggy-ui-v3'
</script>
<template>
<du-button>Enabled</du-button>
<du-button disabled>Disabled</du-button>
</template>
API
Props
| Name | Description | Type | Default |
|---|---|---|---|
| type | button type | 'primary' | 'warning' | 'error' | 'primary' |
| size | button size | 'default' | 'small' | 'default' |
| disabled | disable button | boolean | false |
Events
| Name | Description | Params |
|---|---|---|
| click | clicked button | - |
Slots
| Name | Description |
|---|---|
| default | customize content |