카테고리 없음

Components - Chips

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

출처 : http://www.google.com/design/spec/components/chips.html


Closed contact chip

  • The contact name text is Roboto Regular 14sp.
  • Upon focus, the chip rises to an elevation of 2dp. When pressed, it expands to show alternative addresses for the contact.

Open contact chip

  • Contact name text:  Roboto Regular 16sp
  • Address text: Roboto Regular 14sp
  • Elevation of the open contact chip is 8dp.
  • On press, the contact chip closes automatically.
  • By default, the top field is activated and focused.
Contact chip

Height: 32dp
Title top, bottom, and left padding: 8dp
Title right padding: 12dp

Focused and activated contact chip

Height: 40dp
Top and bottom padding: 16dp

Unfocused contact chips

Top and bottom padding: 20dp

 

The contact chip has different states: Normal, Focus, Press, and Activated.