Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

[Feature]: Add option for icons to the Auto Form inputs #555

Open
2 tasks
koddr opened this issue May 16, 2024 · 0 comments
Open
2 tasks

[Feature]: Add option for icons to the Auto Form inputs #555

koddr opened this issue May 16, 2024 · 0 comments

Comments

@koddr
Copy link

koddr commented May 16, 2024

Describe the feature

It would be great if it were possible to add Inputs with icons into the Auto Form component.

For example, as standalone option icon (like component or else):

<script setup lang="ts">
import { Search } from 'lucide-vue-next'

// ...
</script>

<template>
  <AutoForm
    :field-config="{
      searchField: {
        inputProps: {
          type: 'text',
          placeholder: 'Search...',
          showLabel: false,
        },
        icon: {
          position: 'left', // or 'right'
          component: Search, // place imported icon component here
        },
        // ...
      },
    }"
  />
</template>

And result something like this:

screenshot

Additional information

  • I intend to submit a PR for this feature.
  • I have already implemented and/or tested this feature.
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
1 participant