Docs: Interactivity API - missing styles in the sample code

[atachibana]

What?

In the sample code in the ‘Declarative vs. imperative’ section:

The activate/deactivate button: Toggles the paragraph's text and color between "active" (green) and "inactive" (red).

the paragraph text has no color due to the lack of styles.

Also, in the bug description:

Therefore, the next time the user presses Show, the paragraph will not appear in red.

the lack of color in the text makes it difficult to see the difference on screen.

@juanmaguitar

Why?

How?

Add the style in the code.
This should be written in a separate file, but for simplicity, it is written directly in the html / php file.

Testing Instructions

Testing Instructions for Keyboard

Screenshots or screencast

[github-actions]

The following accounts have interacted with this PR and/or linked issues. I will continue to update these lists as activity occurs. You can also manually ask me to refresh this list by adding the props-bot label.

If you're merging code through a pull request on GitHub, copy and paste the following into the bottom of the merge commit message.

Co-authored-by: atachibana <[email protected]>
Co-authored-by: Mamaduka <[email protected]>

To understand the WordPress project's expectations around crediting contributors, please review the Contributor Attribution page in the Core Handbook.

[Mamaduka]

Thanks, @atachibana!