Simple button + text example

[fulldecent]

Clear and concise description of the problem

I am looking at https://vue3.examples.histoire.dev/story/src-components-introduction-story-vue?variantId=_default and fail to understand if this will be good for my project.

Suggested solution

Use this specific kind of a component for the first example:

• A button with label Click me
• The button visually works like a real, working button (hover and depressed states)
• Text saying You clicked this button <strong>0</strong> times
• The button fires events that you can inspect
• No tailwind css or other unnecessary dependencies

And then a configuration (on the right panel, I guess?) to pick between:

• Button style is buttonStyle.pill or buttonStyle.roundedRect

Alternative

None

Additional context

No response

Validations

• Follow our Code of Conduct
• Read the Contributing Guidelines.
• Read the docs.
• Check that there isn't already an issue that requests the same feature to avoid creating a duplicate.