github lucide-icons/lucide 0.456.0
Choosing import name style 0.456.0

5 hours ago

What's Changed

  • ci(pull-request): Fix generate comments for empty changes by @ericfennis in #2593
  • feat(lucide-react, lucide-preact, lucide-react-native, lucide-solid, lucide-vue-next): Adjustable icon naming imports by @ericfennis in #2328
  • fix(icons): changed glass-water icon by @jguddas in #2579

Adjustable icon naming imports

Customize import name styles for lucide-react, lucide-vue, lucide-react-native, lucide-preact, to manage autocompletion in your IDE.

  1. Turn off autocomplete in your IDE:
    Add the following to your settings.json
{
  "typescript.preferences.autoImportFileExcludePatterns": [
    "lucide-react",
    "lucide-preact",
    "lucide-react-native",
    "lucide-vue-next"
  ]
}
  1. Create a custom module declaration file:

It allows you to choose the import name style.

For React:

declare module "lucide-react" {
  // Prefixed import names
  export * from "lucide-react/dist/lucide-react.prefixed";
  // or
  // Suffixed import names
  export * from "lucide-react/dist/lucide-react.suffixed";
}

For Vue:

declare module "lucide-vue-next" {
  // Prefixed import names
  export * from "lucide-vue-next/dist/lucide-vue-next.prefixed";
  // or
  // Suffixed import names
  export * from "lucide-vue-next/dist/lucide-vue-next.suffixed";
}

Don't miss a new lucide release

NewReleases is sending notifications on new releases.