lucide-react 0.456.0

npm / lucide-react / 0.456.0 source ↗

What's Changed

• ci(pull-request): Fix generate comments for empty changes by @ericfennis in https://github.com/lucide-icons/lucide/pull/2593
• feat(lucide-react, lucide-preact, lucide-react-native, lucide-solid, lucide-vue-next): Adjustable icon naming imports by @ericfennis in https://github.com/lucide-icons/lucide/pull/2328
• fix(icons): changed glass-water icon by @jguddas in https://github.com/lucide-icons/lucide/pull/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"
  ]
}

2. 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";
}