Skip to content

@ark-ui/vue@3.3.0

Compare
Choose a tag to compare
@cschroeter cschroeter released this 06 Jun 05:31
· 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>