카테고리 없음

Components - Textfields(Single-line text field)

알 수 없는 사용자 2015. 9. 6. 02:46

출처 : http://www.google.com/design/spec/components/text-fields.html


     Single-line text field

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