Welcome back.
Let's create a user interface to allow the user to enter those parameters and store them inside this
data class.
So here inside the screens, create a new Kotlin file.
Name it as Car Features forum.
This forum will allow the user to enter the input and the features of his car.
It's of type composable function car features form inside it.
Let's pass car features instance on value change or on features change.
You can name it like this.
Or it looks into the parameters car features and return nothing.
So it's a lambda expression.
Validation errors.
Don't worry, we're gonna handle the errors later on.
Okay so this is the string.
And here let me start building our form.
Start with card modifier fill maximum width elevation card default card elevation.
For inside this card we need to create another layout, which is the column and inside this column create
the first composable, which is text.
Okay, this is the first text.
Car specifications.
Now let's scroll down to that feature text field.
We need to create text fields and custom text fields.
So instead of creating every time the same field, same text field specifications and composable, we're
gonna create a new composable function called feature text field.
In order to set the all text fields in the same position and the same design.
Okay, so here are the text fields.
Create a new composable file.
New file.
Inside this file we're going to create a new composable called feature text field inside it.
Let's start by new composable feature text field.
It takes a label value on value changed which is a lambda expression.
Also, we can make a placeholder which is a string inside this composable.
Let's start by creating the layout column inside the column.
Specify the modifier and inside this column start with text, label style, typography, label medium.
Or you can set it like body medium modifier.
Remove it, set it to the color on surface.
Now set the text field.
Design the text field here.
Value.
Set it to value.
Value changed on value change modifier equals to field.
Maximum width.
Single line true.
The placeholder text, which is the placeholder parameter that we passed for this function.
Keyboard options.
Set the keyboard type to number colors equals to text field defaults dot colors okay, this is the text
field feature.
TextField composable function.
It's a column containing a text and a text field.
We're going to use this composable function inside this card in order to create the nine parameters
text field.