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

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