Components

Manner Temp Badge

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

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	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

Help Bubble

Help Bubble은 사용자에게 컴포넌트의 상태나 특정 기능에 대한 추가 정보를 제공하는 부가적인 도움말 컴포넌트입니다.

Manner Temp

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

On this page

개요 옵션 테이블 스펙