Docs: Improve KTextbox component documentation with examples

[GarvitSinghal47]

Fixes #596

Description

This pull request enhances the documentation of our component by adding initial examples for selected props. Not all variations are included, but we've added examples for 'invalid' and 'invalidText' with notes for user guidance, 'disabled', 'number' with 'min' and 'max' attributes, 'textarea', and 'label'. This improvement aims to make the component documentation more comprehensive and user-friendly. Further updates and discussions on additional examples can be made after these initial changes.

Changelog

• [#PR no]
  • Description: Add initial examples for selected props in component documentation
  • Products impact: none
  • Addresses: none
  • Components: Documentation
  • Breaking: no
  • Impacts a11y: no
  • Guidance: These changes enhance the documentation by providing initial examples for selected props. Further updates and discussions can be conducted after these initial changes.

Steps to test

1. Navigate to the component documentation.
2. Look for examples provided for the mentioned props: 'invalid', 'invalidText', 'disabled', 'number', 'textarea', and 'label'.
3. Verify that the examples are correctly displayed and include any necessary guidance notes.

Implementation notes

At a high level, how did you implement this?

These changes involve updating the documentation markdown files to include examples for the selected props.

Does this introduce any tech-debt items?

No, these changes do not introduce any tech debt items.

Testing checklist

• Contributor has fully tested the PR manually
• If there are any front-end changes, before/after screenshots are included
• Critical and brittle code paths are covered by unit tests
• The change is described in the changelog section above

Reviewer guidance

• Is the code clean and well-commented?
• Are there tests for this change?
• Are all UI components LTR and RTL compliant (if applicable)?

After review

• The changelog item has been pasted to the CHANGELOG.md

Comments

[MisRob]

Thank you, @GarvitSinghal47. Could you retarget to release-v4 branch?

[nucleogenesis]

Thank you @GarvitSinghal47 this is great. I left a couple comments and only one is blocking re: adding a note about the focus-ability of disabled inputs.

Also looks like the linter found something as well.

[MisRob]

Thanks both @GarvitSinghal47 and @nucleogenesis, looking great and good suggestions.

This is nothing blocking, just a suggestion for possible improvement. I think it's always helpful to show how code for examples look like. Demonstration of this can be seen in some newer documentation pages, e.g. that of for KImg. KDS system has a documentation component for this purpose ready - you can see how <DocsShowCode language=...> is being used

[nucleogenesis]

The latest changes LGTM! Love seeing the code examples there :) thanks Garvit -- I'll leave it to @MisRob to decide when to merge from here.

[MisRob]

Thanks both, it's looking great overall. Just one last thing before we merge.

[MisRob]

Thanks @GarvitSinghal47 and @nucleogenesis, this is a valuable improvement of the documentation