Web - BodyTextGroup (Added in 1.3)

정의

BodyTextGroup

최적화 대상

Desktop

Mobile

기획 배포

완료

디자인 가이드 배포

완료

개발 코드 배포

완료

text

Web - TextLabel 참고

• titleText

  • styleTheme : Property 참고

• descText

  • styleTheme : caption1Regular

• contentText

  • styleTheme : body2Bold, body2Regular

  • Property 내 contentFontWeight

• annotationText

  • styleTheme : caption2Bold

IconButton

Web - IconButton 참고

• iconName : (제작 예정 / 임의로 ic_unavailable 적용)

• iconSize : 24

• shapeType : round

Text

TextLabel

• titleText

  • colorTheme : sysTextPrimary

• descText

  • colorTheme : sysTextSecondary

• contentText

  • colorTheme : sysTextPrimary

• annotationText

  • colorTheme : sysTextTertiary

IconButton

• baseColorKey

  • ui_cpnt_button_fill_base_default

• iconColorKey

  • 비활성화 : ui_cpnt_button_icon_disabled

  • 활성화 : ui_cpnt_button_icon_primary

number | string | object | Array<string | object> | undefined | null

-

enum

'subTitleBold'

'subTitleBold'

'leadParaBold'

'headingBold'

number | string | object | Array<string | object> | undefined | null

-

number | string | object | Array<string | object> | undefined | null

-

enum

'none'

'none'

사용하지 않습니다.

'use'

사용합니다.

• 타이틀 영역 우측에 다국어 버튼 노출

  

enum

'normal'

'normal'

기본 상태 입니다.

'disabled'

비활성화 상태입니다.

number | string | object | Array<string | object> | undefined | null

-

enum

'keep_all'

'normal'

기본 줄 바꿈 규칙을 사용합니다.

'break_all'

오버플로를 방지하기 위해서는 어떠한 두 문자 사이에서도 줄 바꿈이 발생할 수 있습니다. (한중일 텍스트 제외)

'keep_all'

한중일(CJK) 텍스트에서는 줄을 바꿀 때 단어를 끊지 않습니다. 비 CJK 텍스트에서는 normal과 동일합니다.

'break_word'

실제 overflow-wrap 속성에 상관하지 않고, word-break: normal과 overflow-wrap: anywhere를 설정한 것과 같은 효과를 냅니다. (사용을 지양하길 권장합니다.)

enum

'keep_all'

'normal'

기본 줄 바꿈 규칙을 사용합니다.

'break_all'

오버플로를 방지하기 위해서는 어떠한 두 문자 사이에서도 줄 바꿈이 발생할 수 있습니다. (한중일 텍스트 제외)

'keep_all'

한중일(CJK) 텍스트에서는 줄을 바꿀 때 단어를 끊지 않습니다. 비 CJK 텍스트에서는 normal과 동일합니다.

'break_word'

실제 overflow-wrap 속성에 상관하지 않고, word-break: normal과 overflow-wrap: anywhere를 설정한 것과 같은 효과를 냅니다. (사용을 지양하길 권장합니다.)

enum

'keep_all'

'normal'

기본 줄 바꿈 규칙을 사용합니다.

'break_all'

오버플로를 방지하기 위해서는 어떠한 두 문자 사이에서도 줄 바꿈이 발생할 수 있습니다. (한중일 텍스트 제외)

'keep_all'

한중일(CJK) 텍스트에서는 줄을 바꿀 때 단어를 끊지 않습니다. 비 CJK 텍스트에서는 normal과 동일합니다.

'break_word'

실제 overflow-wrap 속성에 상관하지 않고, word-break: normal과 overflow-wrap: anywhere를 설정한 것과 같은 효과를 냅니다. (사용을 지양하길 권장합니다.)

enum

'regular'

'bold'

'regular'

김혜진, 박윤규

• 2025/06/24 : 다국어 관련 prop 추가 - 김혜진

• 2023/01/19 : titleStyleTheme 추가, title과 desc 사이 간격 수정 - 김혜진

• 2022/07/11 : titleTextWordBreak, descTextWordBreak, contentTextWordBreak prop 추가 - 안은수

• 2022/06/29 : titleText 필수 표시 추가 - 안은수

• 2022/04/19 : Property 기술방법 변경 - 김혜진

• 2022/04/11 : 최초작성(기존 패턴을 컴포넌트화 하면서 복제) - 김혜진