Skip to content

Conversation

@clydebarrow
Copy link
Contributor

Description:

Related issue (if applicable): fixes

Pull request in esphome with YAML changes (if applicable):

Checklist:

  • I am merging into next because this is new documentation that has a matching pull-request in esphome as linked above.
    or

  • I am merging into current because this is a fix, change and/or adjustment in the current documentation and is not for a new component or feature.

  • Link added in /components/index.rst when creating new documents for new components or cookbook.

New Component Images

If you are adding a new component to ESPHome, you can automatically generate a standardized black and white component name image for the documentation.

To generate a component image:

  1. Comment on this pull request with the following command, replacing COMPONENT_NAME with your component name in UPPER_CASE format with underscores (e.g., BME280, SHT3X, DALLAS_TEMP):

    @esphomebot generate image COMPONENT_NAME
    
  2. The ESPHome bot will respond with a downloadable ZIP file containing the SVG image.

  3. Extract the SVG file and place it in the images/ folder of this repository.

  4. Use the image in your component's index table entry in /components/index.rst.

Example: For a component called "DHT22 Temperature Sensor", use:

@esphomebot generate image DHT22

Copilot AI review requested due to automatic review settings October 30, 2025 11:40
@netlify
Copy link

netlify bot commented Oct 30, 2025

Deploy Preview for esphome ready!

Name Link
🔨 Latest commit d6ad4a8
🔍 Latest deploy log https://app.netlify.com/projects/esphome/deploys/6903cf7ebb66eb0008eee098
😎 Deploy Preview https://deploy-preview-5541--esphome.netlify.app
📱 Preview on mobile
Toggle QR Code...

QR Code

Use your smartphone camera to open QR code link.

To edit notification comments on pull requests, go to your Netlify project configuration.

Copy link
Contributor

Copilot AI left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Pull Request Overview

This PR moves the LVGL layouts documentation from the main LVGL component page into a dedicated standalone file. The restructure improves documentation organization while enhancing content with shorthand notation examples and clarifications.

  • Layouts documentation moved from _index.md to separate layouts.md file
  • Added shorthand layout configurations (HORIZONTAL, VERTICAL, and grid notation)
  • Improved wording and examples with enhanced grid layout demonstration

Reviewed Changes

Copilot reviewed 2 out of 3 changed files in this pull request and generated 3 comments.

File Description
content/components/lvgl/layouts.md New standalone file containing layouts documentation with added shorthand configurations and improved examples
content/components/lvgl/_index.md Removed layouts section (moved to dedicated file)

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

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant