Skip to content

Conversation

@maximepvrt
Copy link
Contributor

@maximepvrt maximepvrt commented Dec 14, 2025

I wasn’t entirely sure how to propose a way to select an icon preset (Phosphor, Heroicons, etc.).

For now, I’ve only implemented Phosphor as a first step, but my intention is to add one or two additional presets to validate the approach.

🔗 Linked issue

Resolves #5600

❓ Type of change

  • 📖 Documentation (updates to the documentation or readme)
  • 🐞 Bug fix (a non-breaking change that fixes an issue)
  • 👌 Enhancement (improving an existing functionality)
  • ✨ New feature (a non-breaking change that adds functionality)
  • 🧹 Chore (updates to the build process or auxiliary tools and libraries)
  • ⚠️ Breaking change (fix or feature that would cause existing functionality to change)

📚 Description

📝 Checklist

  • I have linked an issue or discussion.
  • I have updated the documentation accordingly.

@pkg-pr-new
Copy link

pkg-pr-new bot commented Dec 14, 2025

npm i https://pkg.pr.new/@nuxt/ui@5674

commit: fc65be9

@caiotarifa
Copy link

caiotarifa commented Dec 15, 2025

I'll leave my small contribution using Tabler icons.

    icons: {
      arrowDown: 'tabler:arrow-down',
      arrowLeft: 'tabler:arrow-left',
      arrowRight: 'tabler:arrow-right',
      arrowUp: 'tabler:arrow-up',
      caution: 'tabler:alert-square-rounded',
      check: 'tabler:check',
      chevronDoubleLeft: 'tabler:chevrons-left',
      chevronDoubleRight: 'tabler:chevrons-right',
      chevronDown: 'tabler:chevron-down',
      chevronLeft: 'tabler:chevron-left',
      chevronRight: 'tabler:chevron-right',
      chevronUp: 'tabler:chevron-up',
      close: 'tabler:x',
      copy: 'tabler:copy',
      copyCheck: 'tabler:copy-check',
      dark: 'tabler:moon',
      ellipsis: 'tabler:ellipsis',
      error: 'tabler:square-rounded-x',
      external: 'tabler:external-link',
      eye: 'tabler:eye',
      eyeOff: 'tabler:eye-off',
      file: 'tabler:file',
      folder: 'tabler:folder',
      folderOpen: 'tabler:folder-open',
      hash: 'tabler:hash',
      info: 'tabler:info-square-rounded',
      light: 'tabler:sun',
      loading: 'tabler:loader-2',
      menu: 'tabler:menu',
      minus: 'tabler:minus',
      panelClose: 'tabler:layout-sidebar-left-collapse',
      panelOpen: 'tabler:layout-sidebar-left-expand',
      plus: 'tabler:plus',
      reload: 'tabler:reload',
      search: 'tabler:search',
      stop: 'tabler:player-stop',
      success: 'tabler:square-rounded-check',
      system: 'tabler:device-desktop',
      tip: 'tabler:bulb',
      upload: 'tabler:upload',
      warning: 'tabler:alert-triangle'
    },

@maximepvrt
Copy link
Contributor Author

@caiotarifa added ;-)

It turned out the drag icon was missing, and the ellipsis icon wasn’t the correct one (if you’re using this configuration in a project).

      drag: 'i-tabler-grip-vertical',
      ellipsis: 'i-tabler-dots',

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

v4 #4488

Projects

None yet

Development

Successfully merging this pull request may close these issues.

default icon presets for multiple libraries

2 participants