마크다운으로 복사링크 공유

시장 칸 부품

홈 위쪽 시장 칸의 방향 꼬리표 · 게이지 · 추세선이에요.

모바일PCTag · Gauge · MorphSpark

고르기#

  • 이 이름은 스파크라인(Sparkline)에 합쳤어요. 모양은 그대로이고, 새로 쓸 때는 정본을 써요.

스파크라인 문서 보기 →

인터페이스#

타입에서 자동으로 뽑은 표예요.

Tag#

속성기본값타입설명
tone-Tone색의 뜻이에요.
children*-ReactNode안에 그릴 내용이에요.

Gauge#

속성기본값타입설명
v*-number
tone*-Tone색의 뜻이에요.

MorphSpark#

속성기본값타입설명
series*-number[]
period*-string
up-boolean
w42number창의 폭(px)이에요.
h30number
fluid-boolean
fillH-boolean
morph-boolean

* 필수예요. 표는 타입에서 자동으로 뽑았어요.

접근성#

  • 꼬리표는 글자로 방향을 알려요(색만으로 알리지 않아요).
  • 추세선 · 게이지는 장식이에요.

플랫폼별 차이#

플랫폼별 차이
플랫폼차이
모바일

PC와 같은 모양이에요. 글자 역할만 폰 크기로 바뀌어요.

PC

마우스가 있는 기기에서만 hover가 켜지고, 키보드 초점 링이 보여요.