diff --git a/docs/SUMMARY.md b/docs/SUMMARY.md index 0ab17c0e7..f1b6a09d8 100644 --- a/docs/SUMMARY.md +++ b/docs/SUMMARY.md @@ -86,6 +86,7 @@ * [Vistas & Estilos](es/customization/views_and_styles.md) * [Javascript](es/customization/javascript.md) * [Modelos](es/customization/models.md) + * [Componentes](es/customization/components.md) * [Gemas](es/customization/gems.md) * [Adaptar la aplicación](es/customization/overwritting.md) diff --git a/docs/es/customization/components.md b/docs/es/customization/components.md new file mode 100644 index 000000000..32e080a64 --- /dev/null +++ b/docs/es/customization/components.md @@ -0,0 +1,25 @@ +# Componentes + +En el caso de los componentes, la personalización puede utilizarse para cambiar tanto la lógica (incluida en un archivo `.rb`) como la vista (incluida en un archivo `.erb`). Si solo quieres personalizar la lógica, por ejemplo del componente `Admin::TableActionsComponent`, crea el archivo `app/components/custom/admin/table_actions_component.rb` con el siguiente contenido: + +```ruby +require_dependency Rails.root.join("app", "components", "admin", "table_actions_component").to_s + +class Admin::TableActionsComponent + # Tu lógica personalizada aquí +end +``` + +Si, por el contrario, también quieres personalizar la vista, necesitas una pequeña modificación. En lugar del código anterior, utiliza: + +```ruby +class Admin::TableActionsComponent < ApplicationComponent; end + +require_dependency Rails.root.join("app", "components", "admin", "table_actions_component").to_s + +class Admin::TableActionsComponent + # Tu lógica personalizada aquí +end +``` + +Esto hará que el componente utilice la vista en `app/components/custom/admin/table_actions_component.html.erb`. Puedes crear este archivo y personalizarlo según tus necesidades. diff --git a/docs/es/customization/customization.md b/docs/es/customization/customization.md index 6985f7ada..77f5816f8 100644 --- a/docs/es/customization/customization.md +++ b/docs/es/customization/customization.md @@ -6,5 +6,6 @@ * [Vistas & Estilos](views_and_styles.md) * [Javascript](javascript.md) * [Modelos](models.md) +* [Componentes](components.md) * [Gemas](gems.md) * [Adaptar la aplicación](overwritting.md)