Skip to content

[lvgl] Document animations and start/stop actions#6735

Open
clydebarrow wants to merge 1 commit into
esphome:nextfrom
clydebarrow:lvgl-animations
Open

[lvgl] Document animations and start/stop actions#6735
clydebarrow wants to merge 1 commit into
esphome:nextfrom
clydebarrow:lvgl-animations

Conversation

@clydebarrow
Copy link
Copy Markdown
Contributor

Add components/lvgl/animation.mdx documenting the animations feature
(config, animatable properties, timing functions, lambda values) and the
lvgl.animation.start / lvgl.animation.stop actions. Link from the LVGL
index.

Description

Related issue (if applicable): fixes

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

  • esphome/esphome#

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 /src/content/docs/components/index.mdx 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 lower_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 /public/images/ folder of this repository.

  4. Use the image in your component's index table entry in /src/content/docs/components/index.mdx.

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

@esphomebot generate image dht22

Note: All images used in ImgTable components must be placed in /public/images/ as the component resolves them to absolute paths.

Add components/lvgl/animation.mdx documenting the animations feature
(config, animatable properties, timing functions, lambda values) and the
lvgl.animation.start / lvgl.animation.stop actions. Link from the LVGL
index.

Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
Copilot AI review requested due to automatic review settings June 4, 2026 06:14
@esphome esphome Bot added the next label Jun 4, 2026
@netlify
Copy link
Copy Markdown

netlify Bot commented Jun 4, 2026

Deploy Preview for esphome ready!

Name Link
🔨 Latest commit dca0d76
🔍 Latest deploy log https://app.netlify.com/projects/esphome/deploys/6a2117d81d1aad00087b8646
😎 Deploy Preview https://deploy-preview-6735--esphome.netlify.app
📱 Preview on mobile
Toggle QR Code...

QR Code

Use your smartphone camera to open QR code link.
🤖 Make changes Run an agent on this branch

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

Copy link
Copy Markdown
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

Adds documentation for LVGL animations (configuration + timing functions + animatable properties) and links it from the LVGL docs index so users can discover and use lvgl.animation.start / lvgl.animation.stop.

Changes:

  • Added a new LVGL Animations documentation page describing animation configuration, animatable properties, lambdas, and timing functions.
  • Documented lvgl.animation.start and lvgl.animation.stop actions (with examples).
  • Linked animations into the main LVGL index (config option + actions pointer + See Also link).

Reviewed changes

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

File Description
src/content/docs/components/lvgl/index.mdx Adds references/links so animations are discoverable from the main LVGL documentation.
src/content/docs/components/lvgl/animation.mdx New documentation page covering animation configuration details and related actions.

Comment thread src/content/docs/components/lvgl/animation.mdx
Comment thread src/content/docs/components/lvgl/animation.mdx
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

Projects

None yet

Development

Successfully merging this pull request may close these issues.

2 participants