버튼 위젯의 예
- 버튼 위젯은 아이콘 또는 이미지를 표시하고, 클릭 시 다양한 동작을 수행할 수 있는 위젯입니다.
버튼 위젯 생성 방법
1. 콘텐츠 설정
- 버튼에 표시할 콘텐츠 유형을 선택합니다.
| 콘텐츠 유형 | 설명 |
|---|---|
| 아이콘 | Lucide 아이콘 라이브러리에서 아이콘 선택 |
| 이미지 | 사용자가 업로드한 이미지 표시 (최대 1MB, JPG/PNG/WebP/SVG) |
2. 스타일 설정
- 버튼의 외관을 설정합니다.
| 설정 항목 | 설명 |
|---|---|
| 아이콘 색상 | 아이콘 또는 이미지의 색상 (기본값: 테마 색상) |
| 배경 색상 | 버튼 배경 색상 (기본값: 카드 색상) |
| 모서리 둥글기 | 없음, 작게, 중간, 크게, 원형 |
3. 클릭 액션 설정
- 버튼 클릭 시 실행할 동작을 설정합니다.
| 액션 유형 | 설명 |
|---|---|
| 없음 | 클릭해도 아무 동작 없음 |
| 팝업 열기 | 제목과 내용이 포함된 팝업 표시 |
| URL 열기 | 지정한 URL로 이동 (새 탭 여부 선택 가능) |
| 대시보드 이동 | 다른 대시보드로 이동 |
활용 예시
- 빠른 네비게이션: 자주 사용하는 대시보드로 이동하는 버튼
- 외부 링크: 외부 시스템이나 문서로 연결
- 정보 표시: 팝업으로 중요 정보나 안내 메시지 표시
- 시각적 구분: 대시보드 영역을 구분하는 아이콘 표시