Create <TextField /> Component

[tko22]

Design System Link

• TextField
• TextField.Label

Props

• required: required, optional
• helperText: str
• autoComplete
• aria-label
• placeholder
• icon?

more?

[jackieo5023]

I'm thinking this should also include:

• disabled
• error

We may want to consider proper validation later, either as part of a form component or within this component - ex. having a user define their own rules (like having a max length of 8 characters) and have the component trigger if it's valid or not, rather than the user writing this logic on their own.

I think we can also create a separate AutoComplete component rather than having it be a prop - similar to https://material-ui.com/components/autocomplete/ and https://ant.design/components/auto-complete/, where it's essentially a wrapper around other text input components.
I didn't know HTML inputs had their own autocomplete :O

[tko22]

btw in form validation, I wouldn't worry about making the title red - it'll be changed in the design system soon.

I agree with disabled and error props and component trigger user-written rules. no worries if you can't do proper validation rn

Also, I'm thinking we create a Form Component that can encompass the differnet type of
Form inputs (this included) and then you would put the title.. so this one doesnt need to include title