vertumnus
/
primevue-mirror
mirror of https://github.com/primefaces/primevue.git
1
0
Fork 0
Code Packages Releases Activity

Update Toast position doc

pull/3841/head
Tuğçe Küçükoğlu 2023-04-06 09:44:34 +03:00
parent 84b85dc77d
commit 679926be00
1 changed files with 12 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

15
doc/toast/PositionDoc.vue
View File

@ -18,7 +18,10 @@ export default {
return { return {
code: { code: {
basic: ` basic: `
<Toast /> <Toast position="top-left" group="tl" />
<Toast position="bottom-left" group="bl" />
<Toast position="bottom-right" group="br" />
<div class="flex flex-wrap gap-2"> <div class="flex flex-wrap gap-2">
<Button label="Top Left" class="mr-2" @click="showTopLeft" /> <Button label="Top Left" class="mr-2" @click="showTopLeft" />
<Button label="Bottom Left" severity="warning" @click="showBottomLeft" /> <Button label="Bottom Left" severity="warning" @click="showBottomLeft" />
@ -27,7 +30,10 @@ export default {
options: ` options: `
<template> <template>
<div class="card flex justify-content-center"> <div class="card flex justify-content-center">
<Toast /> <Toast position="top-left" group="tl" />
<Toast position="bottom-left" group="bl" />
<Toast position="bottom-right" group="br" />
<div class="flex flex-wrap gap-2"> <div class="flex flex-wrap gap-2">
<Button label="Top Left" class="mr-2" @click="showTopLeft" /> <Button label="Top Left" class="mr-2" @click="showTopLeft" />
<Button label="Bottom Left" severity="warning" @click="showBottomLeft" /> <Button label="Bottom Left" severity="warning" @click="showBottomLeft" />
@ -54,7 +60,10 @@ export default {
composition: ` composition: `
<template> <template>
<div class="card flex justify-content-center"> <div class="card flex justify-content-center">
<Toast /> <Toast position="top-left" group="tl" />
<Toast position="bottom-left" group="bl" />
<Toast position="bottom-right" group="br" />
<div class="flex flex-wrap gap-2"> <div class="flex flex-wrap gap-2">
<Button label="Top Left" class="mr-2" @click="showTopLeft" /> <Button label="Top Left" class="mr-2" @click="showTopLeft" />
<Button label="Bottom Left" severity="warning" @click="showBottomLeft" /> <Button label="Bottom Left" severity="warning" @click="showBottomLeft" />