Skip to content

Input's default loading icon needs improvement #4162

@alectrocute

Description

@alectrocute

Environment

N/A

Is this bug related to Nuxt or Vue?

Nuxt

Version

3.0.0

Reproduction

https://ui.nuxt.com/components/input#loading-icon

Description

Both icons, the one shown in the example i-lucide-repeat-2 and the component's default prop, i-lucide-refresh-cw look bad when rotated. I think there's a lot of room for improvement, these icons aren't meant to be animated.

Luckily, there are some Lucide icons which are designed to be animated.

How about https://lucide.dev/icons/loader-circle?

Or https://lucide.dev/icons/loader?

Additional context

No response

Logs

Metadata

Metadata

Assignees

No one assigned

    Labels

    bugSomething isn't workingv3#1289

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions