[Sistent] Add TextField component to the sistent components page

[dragon-slayer875]

Current Behavior

Layer5 and it's projects use Sistent library to enable easy component reusability among our various projects.
One such component is TextField.

https://playground.meshery.io/management/connections

Ideally, all sistent components are represented on https://layer5.io/projects/sistent/components, so a centralized usage and example documentation can be maintained. This will aid new developers to more quickly jump into contributing to the various projects.
The TextField component currently needs this representation.

Desired Behavior

Proper documentation for TextField component similar to Button component on https://layer5.io/projects/sistent/components
The documentation should include:

• Explanation of the the function that the component serves in context of it's usage.
• Code examples.
• Stylistic guidelines to be followed while using the component in code (if any).

---

Contributor Resources and Handbook

The layer5.io website uses Gatsby, React, and GitHub Pages. Site content is found under the master branch.

• 🎨 See Sistent Repository.
• 📚 See contributing instructions.
• 🎨 Wireframes and designs for Layer5 site in Figma (open invite)
• 🙋🏾🙋🏼 Questions: Discussion Forum and Community Slack.

Join the Layer5 Community by submitting your community member form.

[nooras]

Hey @dragon-slayer875
I would like to take this task.
Kindly please assign me.

[dragon-slayer875]

@nooras Have at it. :D

[nooras]

Hey @dragon-slayer875
Details about TextField i can take it from anywhere? or is there some docs present I can refer it?
Also just for confirmation TextInput & TextField are 2 different components ? or is it same?