Foundation

Buttons

Control

Display

Feedback

Navigation

Editor Button

사용자가 게시물, 메일 등을 작성할 때 텍스트의 서식을 지정하거나 미디어를 첨부하기 위해 사용하는 에디터 전용 아이콘 버튼입니다.

컴포넌트 명세 (Component Specification)

Anatomy

icon

기본 기능

에디터 영역 내에서 텍스트 스타일 변경, 파일 첨부, 투표 삽입 등 콘텐츠 편집과 관련된 도구 제공

시각 옵션

iconSwap

상태

default

pressed

active

내부 구성

icon

사이즈 가이드 (Size Guide )

Editor Button의 크기는 20 * 20px 사이즈 단일로 구성되어 있으며 내부 아이콘과 2px의 간격을 둡니다.

상태 (State)

Editor Button는 총 3가지의 상태를 갖습니다. 이중 pressed와 active 상태는 동일 합니다.

분류 (Variant)

총 24가지의 아이콘 타입을 변경하여 화면에 맞게 적절하게 사용합니다.

마스터 컴포넌트 (Master Component)

Master Component입니다. 컴포넌트를 복사해 원하는 위치에서 Instance로 사용합니다.