Manner Temp & Manner Temp Badge

사용자의 매너온도를 시각적으로 표현하는 컴포넌트입니다. 신뢰도 및 매너 정도를 직관적으로 보여줍니다.

Specification & Platform Status

Manner Temp

Figma

Done

iOS

Done

Android

Done

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

Manner Temp Badge

Figma

Done

iOS

Done

Android

Done

base

상태	슬롯	속성	값
enabled	root	minHeight	$dimension.x5
		paddingY	$dimension.x0_5
		paddingX	$dimension.x1_5
		cornerRadius	$radius.full
	label	fontSize	$font-size.t1
		lineHeight	$line-height.t1
		fontWeight	$font-weight.bold

level=l1

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

level=l2

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

level=l3

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

level=l4

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

level=l5

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

level=l6

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

level=l7

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

level=l8

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

level=l9

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

level=l10

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

Last updated on

List

가로 행으로 구성된 콘텐츠를 표현하는 컴포넌트입니다.

Menu Sheet

사용자의 작업과 관련된 선택지를 제공하는 시트 형태의 컴포넌트입니다.

On this page

Specification & Platform Status Manner Temp Manner Temp Badge