Single-line fields
Single-line fields automatically scroll their content to the left as the text input cursor reaches the right edge of the input field.
Single-line text field
Single-line text field
Single-line text field
Light theme
- Hint and input font: Roboto Regular 16sp
- Tile height: 48dp
- Text top and bottom padding: 16dp
- Text field divider padding: 8dp
Single-line text field light theme
Dark theme
Single-line text field dark theme
Single-line text field
Height: 48dp
Padding above and below text: 16dp
Padding below divider: 8dp
Light theme with icon
- Hint and input font: Roboto Regular 16sp
- Tile height: 48dp
- Text top and bottom padding: 16dp
- Text field divider padding: 8dp
Light theme with: normal with hint text, focus, and normal with input text
Dark theme with icon
Dark theme with: normal with hint text, focus, and normal with input text
Single-line text field with icon
Height: 48dp
Padding above and below text: 16dp
Padding below divider: 8dp