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

Avatar demo updates

pull/4683/head
Cagatay Civici 2023-10-23 23:17:44 +03:00
parent 7b421d2a62
commit b011a53de7
2 changed files with 8 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
doc/avatar/AvatarGroupDoc.vue
View File

@ -9,7 +9,7 @@
<Avatar image="https://primefaces.org/cdn/primevue/images/avatar/onyamalimba.png" size="large" shape="circle" /> <Avatar image="https://primefaces.org/cdn/primevue/images/avatar/onyamalimba.png" size="large" shape="circle" />
<Avatar image="https://primefaces.org/cdn/primevue/images/avatar/ionibowcher.png" size="large" shape="circle" /> <Avatar image="https://primefaces.org/cdn/primevue/images/avatar/ionibowcher.png" size="large" shape="circle" />
<Avatar image="https://primefaces.org/cdn/primevue/images/avatar/xuxuefeng.png" size="large" shape="circle" /> <Avatar image="https://primefaces.org/cdn/primevue/images/avatar/xuxuefeng.png" size="large" shape="circle" />
<Avatar label="+2" shape="circle" size="large" style="background-color: '#9c27b0', color: '#ffffff'" /> <Avatar label="+2" shape="circle" size="large" />
</AvatarGroup> </AvatarGroup>
</div> </div>
<DocSectionCode :code="code" /> <DocSectionCode :code="code" />
@ -27,7 +27,7 @@ export default {
<Avatar image="/images/avatar/onyamalimba.png" size="large" shape="circle" /> <Avatar image="/images/avatar/onyamalimba.png" size="large" shape="circle" />
<Avatar image="/images/avatar/ionibowcher.png" size="large" shape="circle" /> <Avatar image="/images/avatar/ionibowcher.png" size="large" shape="circle" />
<Avatar image="/images/avatar/xuxuefeng.png" size="large" shape="circle" /> <Avatar image="/images/avatar/xuxuefeng.png" size="large" shape="circle" />
<Avatar label="+2" shape="circle" size="large" style="background-color: '#9c27b0', color: '#ffffff'" /> <Avatar label="+2" shape="circle" size="large" />
</AvatarGroup> </AvatarGroup>
`, `,
options: ` options: `
@ -39,7 +39,7 @@ export default {
<Avatar image="https://primefaces.org/cdn/primevue/images/avatar/onyamalimba.png" size="large" shape="circle" /> <Avatar image="https://primefaces.org/cdn/primevue/images/avatar/onyamalimba.png" size="large" shape="circle" />
<Avatar image="https://primefaces.org/cdn/primevue/images/avatar/ionibowcher.png" size="large" shape="circle" /> <Avatar image="https://primefaces.org/cdn/primevue/images/avatar/ionibowcher.png" size="large" shape="circle" />
<Avatar image="https://primefaces.org/cdn/primevue/images/avatar/xuxuefeng.png" size="large" shape="circle" /> <Avatar image="https://primefaces.org/cdn/primevue/images/avatar/xuxuefeng.png" size="large" shape="circle" />
<Avatar label="+2" shape="circle" size="large" style="background-color: '#9c27b0', color: '#ffffff'" /> <Avatar label="+2" shape="circle" size="large" />
</AvatarGroup> </AvatarGroup>
</div> </div>
</template> </template>
@ -57,7 +57,7 @@ export default {
<Avatar image="https://primefaces.org/cdn/primevue/images/avatar/onyamalimba.png" size="large" shape="circle" /> <Avatar image="https://primefaces.org/cdn/primevue/images/avatar/onyamalimba.png" size="large" shape="circle" />
<Avatar image="https://primefaces.org/cdn/primevue/images/avatar/ionibowcher.png" size="large" shape="circle" /> <Avatar image="https://primefaces.org/cdn/primevue/images/avatar/ionibowcher.png" size="large" shape="circle" />
<Avatar image="https://primefaces.org/cdn/primevue/images/avatar/xuxuefeng.png" size="large" shape="circle" /> <Avatar image="https://primefaces.org/cdn/primevue/images/avatar/xuxuefeng.png" size="large" shape="circle" />
<Avatar label="+2" shape="circle" size="large" style="background-color: '#9c27b0', color: '#ffffff'" /> <Avatar label="+2" shape="circle" size="large" />
</AvatarGroup> </AvatarGroup>
</div> </div>
</template> </template>

8
doc/avatar/LabelDoc.vue
View File

@ -20,7 +20,7 @@
<div class="flex-auto"> <div class="flex-auto">
<h5>Badge</h5> <h5>Badge</h5>
<Avatar v-badge="4" label="U" size="xlarge" style="background-color: #4caf4f; color: #ffffff" /> <Avatar v-badge="4" label="U" size="xlarge" />
</div> </div>
</div> </div>
</div> </div>
@ -41,7 +41,7 @@ export default {
<Avatar label="V" class="mr-2" size="large" style="background-color:#2196F3; color: #ffffff" shape="circle" /> <Avatar label="V" class="mr-2" size="large" style="background-color:#2196F3; color: #ffffff" shape="circle" />
<Avatar label="U" class="mr-2" style="background-color:#9c27b0; color: #ffffff" shape="circle" /> <Avatar label="U" class="mr-2" style="background-color:#9c27b0; color: #ffffff" shape="circle" />
<Avatar label="U" size="xlarge" style="background-color:#4caf4f; color: #ffffff" v-badge="4" /> <Avatar v-badge="4" label="U" size="xlarge" />
`, `,
options: ` options: `
<template> <template>
@ -62,7 +62,7 @@ export default {
<div class="flex-auto"> <div class="flex-auto">
<h5>Badge</h5> <h5>Badge</h5>
<Avatar v-badge="4" label="U" size="xlarge" style="background-color: #4caf4f; color: #ffffff" /> <Avatar v-badge="4" label="U" size="xlarge" />
</div> </div>
</div> </div>
</template> </template>
@ -90,7 +90,7 @@ export default {
<div class="flex-auto"> <div class="flex-auto">
<h5>Badge</h5> <h5>Badge</h5>
<Avatar v-badge="4" label="U" size="xlarge" style="background-color: #4caf4f; color: #ffffff" /> <Avatar v-badge="4" label="U" size="xlarge" />
</div> </div>
</div> </div>
</template> </template>