✨ Expose showPassword ref from OnyxInput component

[bergser]

We have following use case:

In the app user can generate random password

We want to automatically place the generated password into the "New password" field and display it to the user.
However, since it's currently not possible to change the password field's visibility from outside the component, we implemented a workaround using an additional helper field.

Proposal: expose showPassword from OnyxInput component.

[larsrickert]

Hey @bergser, what do you think about creating a v-model for this instead which behaves the same like this:

• if you don't bind it to the input, the showPassword state will be managed by the OnyxInput internally
• if you bind the v-model, you are in full control of the show-password state

Like this you can also easily implement features like initial state, force the password to always be shown/hidden etc.

Example usage:

<script lang="ts" setup>
const showPassword = ref(false);
</script>

<template>
  <OnyxInput label="Password" type="password" v-model:show-password="showPassword" />
</template>

[bergser]

Hi @larsrickert, yes I like this approach, so I prepared small PR implementing it #4174 Could you please check if I understood your idea correctly?

[larsrickert]

The OnyxInput already supports the v-model:show-password :)