카테고리 없음

Components - Textfields(Multi-line text field)

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

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


     Multi-line text field

Multi-line text fields automatically break to a new line for overflow text and scroll vertically when the cursor reaches the lower edge.

Multi-line text field

Multi-line text field

Light theme

  • Hint and input font: Roboto Regular 16sp
  • Label font: Roboto Regular 12sp
  • Text top and bottom padding: 16dp
  • Text field divider padding: 8dp

Light theme for multi-line text field for these states: normal with hint text, focused, and normal with multi-line input text

Dark theme

Dark theme for multi-line text field for these states: normal with hint text, focus, and normal with multi-line input text

Dark theme specs:

Padding: 16dp above the label text
16dp below the text