컴포넌트 개요
컴포넌트
컴포넌트는 프로퍼티를 통해 워크플로우, JavaScript 템플릿 코드로 얻은 결과 데이터를 활용하여 다양한 UI를 만들어 낼 수 있습니다.
컴포넌트 이름
컴포넌트는 고유한 이름을 가지고 있습니다.
이름은 페이지 내에 있는 워크플로우 혹은 다른 컴포넌트에서 참조할 수 있으며 아래와 같은 규칙을 가집니다.
- 페이지 내 중복 불가
- 영어 소문자 혹은 대문자로 시작
- 영어 소문자, 대문자, 숫자, 언더스코어(_)로만 구성
- 띄어쓰기 불가
- camelCase 권장
- 예시)
createDataSourceButton,hopsMemberTable1
컴포넌트 종류
- 날짜 필드
- 날짜 범위 필드
- 다단
- 라디오 그룹
- 링크
- 멀티 셀렉트
- 모달
- 버튼
- 비밀번호 필드
- 셀렉트
- 숫자 필드
- 스위치
- 이미지 뷰
- 임베드
- 위지윅 에디터
- 차트
- 체크박스
- 체크박스 그룹
- 컨테이너
- 탭 그룹
- 테이블
- 텍스트 영역
- 텍스트 필드
- 템플릿 텍스트
- 파일 필드
info
컴포넌트의 종류는 지금도 계속 추가 중입니다! 🧑🔧
필요한 컴포넌트가 없으시다면 contact@hopsoffice.com으로 연락해주세요.
프로퍼티
각 컴포넌트에는 속성을 제어할 수 있는 프로퍼티가 있습니다.
프로퍼티에는 상황에 따라 워크플로우의 결과를 연결할 수 있고,
JavaScript를 활용할 수 있는 템플릿 코드를 넣을 수 있습니다.
프로퍼티를 통해 다양한 컴포넌트 만들고 제품을 만들어보세요.
컴포넌트 뱃지를 클릭하여 프로퍼티를 활성화할 수 있습니다.
상태
각 컴포넌트에는 외부에서 사용할 수 있는 상태가 있습니다. 워크플로우 및 다른 컴포넌트의 프로퍼티로 해당 값을 사용할 수 있으며 컴포넌트 별 상태는 각 컴포넌트 문서를 참고해주세요.