mirror of
https://github.com/ArthurDanjou/ui.git
synced 2026-01-20 15:01:46 +01:00
feat(Chip): new component (#886)
Co-authored-by: Benjamin Canac <canacb1@gmail.com>
This commit is contained in:
19
docs/components/content/examples/ChipExampleContentSlot.vue
Normal file
19
docs/components/content/examples/ChipExampleContentSlot.vue
Normal file
@@ -0,0 +1,19 @@
|
||||
<template>
|
||||
<UChip size="md" position="bottom-right" inset :ui="{ base: '-mx-2 rounded-none ring-0', background: '' }">
|
||||
<UAvatar
|
||||
src="https://avatars.githubusercontent.com/u/739984?v=4"
|
||||
alt="Avatar"
|
||||
size="lg"
|
||||
/>
|
||||
|
||||
<template #content>
|
||||
<UAvatar
|
||||
src="https://avatars.githubusercontent.com/in/80442?v=4"
|
||||
alt="Avatar"
|
||||
size="xs"
|
||||
:ui="{ rounded: 'rounded-md' }"
|
||||
class="shadow-md"
|
||||
/>
|
||||
</template>
|
||||
</UChip>
|
||||
</template>
|
||||
Reference in New Issue
Block a user