Components

Manner Temp

Manner Temp는 당근의 매너 온도를 시각적으로 표현하는 컴포넌트입니다. 사용자의 신뢰도와 거래 매너를 직관적으로 보여줄 때 사용됩니다.

Figma

Not Ready

iOS

Done

Android

Done

개요

옵션 테이블

속성	값	기본값
level	L1(- 29.9), L2(30.0 - 36.2), L3(36.3 - 37.5), L4(37.6 - 41.9), L5(42 - 51.9), L6(52 -)

스펙

base

상태	슬롯	속성	값
enabled	root	gap	$dimension.x1
	label	fontSize	$font-size.t5
		lineHeight	$line-height.t5
		fontWeight	$font-weight.bold
	emote	size	$dimension.x8
		bleed	$dimension.x1

level=l1

상태	슬롯	속성	값
enabled	label	color	$color.manner-temp.l1.text

level=l2

상태	슬롯	속성	값
enabled	label	color	$color.manner-temp.l2.text

level=l3

상태	슬롯	속성	값
enabled	label	color	$color.manner-temp.l3.text

level=l4

상태	슬롯	속성	값
enabled	label	color	$color.manner-temp.l4.text

level=l5

상태	슬롯	속성	값
enabled	label	color	$color.manner-temp.l5.text

level=l6

상태	슬롯	속성	값
enabled	label	color	$color.manner-temp.l6.text

level=l7

상태	슬롯	속성	값
enabled	label	color	$color.manner-temp.l7.text

level=l8

상태	슬롯	속성	값
enabled	label	color	$color.manner-temp.l8.text

level=l9

상태	슬롯	속성	값
enabled	label	color	$color.manner-temp.l9.text

level=l10

상태	슬롯	속성	값
enabled	label	color	$color.manner-temp.l10.text

Last updated on

Manner Temp Badge

매너 온도를 배지 형태로 표현하는 컴포넌트입니다. 콤팩트한 공간에서 사용자의 매너 온도 레벨을 간단히 표시할 때 사용됩니다.

Menu Sheet

Next Page

On this page

개요 옵션 테이블 스펙