Skip to content
On this page

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

NameDescriptionTypeDefault
typebutton type'primary' | 'warning' | 'error''primary'
sizebutton size'default' | 'small''default'
disableddisable buttonbooleanfalse

Events

NameDescriptionParams
clickclicked button-

Slots

NameDescription
defaultcustomize content