Skip to content

@ark-ui/vue@5.10.0

Latest
Compare
Choose a tag to compare
@segunadebayo segunadebayo released this 29 May 15:23
· 1 commit to main since this release

Added

  • [NEW] Password Input: Added PasswordInput component for collecting secure text inputs.
import { PasswordInput } from '@ark-ui/vue/password-input'
import { EyeIcon, EyeOffIcon } from 'lucide-vue-next'

export const Basic = () => (
  <PasswordInput.Root>
    <PasswordInput.Label>Password</PasswordInput.Label>
    <PasswordInput.Control>
      <PasswordInput.Input />
      <PasswordInput.VisibilityTrigger>
        <PasswordInput.Indicator fallback={<EyeOffIcon />}>
          <EyeIcon />
        </PasswordInput.Indicator>
      </PasswordInput.VisibilityTrigger>
    </PasswordInput.Control>
  </PasswordInput.Root>
)
  • Select: Added onSelect callback that gets fired when an item is selected via keyboard/mouse.

Fixed

  • Color Picker: Fixed issue where value change end event is invoked when committing via an input.

  • Toast: Fixed issue where calling toast.remove() without an id shows a TypeScript error.

  • Field: Fixed issue where helper text and error text could not be detected in shadow DOM environments.