docs: add tip about icon usage with Lucide in custom components doc (#8644)

* docs: add tip about icon usage with Lucide in custom components doc

* Update docs/docs/Components/components-custom-components.md

---------

Co-authored-by: Mendon Kissling <59585235+mendonk@users.noreply.github.com>
This commit is contained in:
Victor-w-Madeira 2025-06-20 13:43:12 -03:00 committed by GitHub
commit 7fcbbe4f37
No known key found for this signature in database
GPG key ID: B5690EEEBB952194

View file

@ -41,6 +41,10 @@ class MyCsvReader(Component):
* **name**: A unique internal identifier.
* **documentation**: An optional link to external docs.
:::tip Icon usage
Langflow uses [Lucide](https://lucide.dev/icons) for icons. To assign an icon to your component, set the icon attribute to the name of a Lucide icon as a string, such as `icon = "file-text"`. Langflow renders icons from the Lucide library automatically.
:::
### Structure of a custom component
A **Langflow custom component** goes beyond a simple class with inputs and outputs. It includes an internal structure with optional lifecycle steps, output generation, front-end interaction, and logic organization.