Dialog

Uno stile tutto cose e tutto pensiero, scevro di ogni pretensione e di ogni maniera, in quella forma diretta e propria in che è l'ultima perfezione della prosa.

Example

Show Code

<script lang="ts" setup>
import { RButton, RDialog } from 'roughness'
import { ref } from 'vue'

let open = ref(false)

function show() {
  open.value = true
}
</script>

<template>
  <RButton @click="show">I Have a Dream</RButton>
  <RDialog v-model:open="open">
    <template #title>I Have a Dream</template>
    Five score years ago, a great American, in whose symbolic shadow we stand today, signed the Emancipation Proclamation. This momentous decree came as a great beacon light of hope to millions of Negro slaves who had been seared in the flames of withering injustice. It came as a joyous daybreak to end the long night of their captivity.
    <template #footer>
      <RButton>Remember</RButton>
      <RButton>Respect</RButton>
    </template>
  </RDialog>
</template>

I Have a Dream

Five score years ago, a great American, in whose symbolic shadow we stand today, signed the Emancipation Proclamation. This momentous decree came as a great beacon light of hope to millions of Negro slaves who had been seared in the flames of withering injustice. It came as a joyous daybreak to end the long night of their captivity.

Usage

Props

Name	Type	Default Value	Description
closable
graphicsOptions
open
state
...			See Card Props. Unlike Card, the default value of Dialog's footer is true.

Events

Name	Type	Description
update:open

Slots

Name	Type	Description
...		See Card Slots.

Styles

Name	Type	Default Value	Description
...			See Card Styles.