@ark-ui/vue@3.3.0
·
1177 commits
to main
since this release
Added
- All Components: Introduced the
Provider
component for easier access to internal machine
APIs, improving component composition. See the example below:
<script setup lang="ts">
import { Avatar, useAvatar } from '@ark-ui/vue'
const avatar = useAvatar({
onStatusChange: (e) => console.log('status changed', e),
})
</script>
<template>
<Avatar.RootProvider :value="avatar">
<Avatar.Fallback>PA</Avatar.Fallback>
<Avatar.Image src="https://i.pravatar.cc/3000" alt="avatar" />
</Avatar.RootProvider>
</template>