VanillaFront

  • 홈
  • 태그
  • 방명록
  • 질의응답

badge 1

Badge (배지)

Va.Badge — 알림·상태 표시 뱃지 컴포넌트숫자, 짧은 텍스트, 아이콘, 또는 상태 점을 표시하는 뱃지 컴포넌트입니다. 알림 카운트, 상태 표시, 카테고리 라벨 등에 사용되며, Va.Avatar·Va.Button 등 다른 컴포넌트에 오버레이로 붙기도 합니다. 클래스 정보Va.Badge extends Va.ComponenttagName: 'badge' (실제 렌더링은 )isContainer: false기본 사용법숫자 뱃지 (알림 카운트):{ tagName: 'badge', text: '3', color: 'danger'}상태 점 (텍스트 없음):{ tagName: 'badge', color: 'success'}아이콘 뱃지:{ tagName: 'badge', ico..

컴포넌트/배지 2026.09.20
이전
1
다음
더보기
프로필사진

VanillaFront

VanillaFront 입니다. Vanilla Js를 이용하여 SPA기반 UI Framework를 구현합니다. 홈페이지: vanillafront.com

  • 분류 전체보기 (115)
    • 왜 바닐라프론트를 만들었나!! (8)
    • 기본사용법 (9)
    • 컴포넌트 (92)
      • 버튼 (10)
      • 필드 컴포넌트 (46)
      • 유효성 (1)
      • 시멘틱태그 (8)
      • 해딩 (1)
      • 패널 외 영역 (Div, Span) (11)
      • 아이콘, 이미지 (3)
      • 아바타, 페르소나 (2)
      • 배지 (1)
      • 툴바 (4)
      • 브래드크럼 (0)
      • 마스킹, 로더 (0)
      • 미디어 (0)
      • 메시지박스 (0)
      • 캐러셀 (0)
      • 리스트 (0)
      • 카드리스트 (0)
      • 드로워 (0)
      • 아코디언 (0)
      • 다이얼로그, 팝업 등 (0)
      • 탭 (0)
      • 캘린더 (0)
      • 그리드 (3)
      • 트리그리드 (0)
      • 피봇그리드 (0)
      • 트리 (0)
      • 차트 (0)
      • 서비스 (0)
      • 대시보드 (0)
      • 다이어그램 (0)
    • 유틸 (0)
    • 데이터매니저 (0)
    • 테마 (0)
    • VS Code Extention (0)
    • 바이브코딩 (0)
    • 기타1 (1)
      • gulp (0)
      • Spring (0)
      • Javascript (0)
      • Visual Studio Extenstion (1)
      • Npm (0)
      • Webpack (0)
      • VanillaJs (0)

Tag

국내UI Framework, eXbuilder, NavigationMenuBar, TreeGrid, toolbar, UI Framework, extjs, esponsiveMenu, VanillaJS, spa, websquare, VanillaFront, 트리그리드, websqure, vanillafront.com, 피봇그리드, title, UIFramework, 웹스퀘어, REACT, ES6, UIFramework비교, stickyDiv, dateField, 넥사크로, avatarGroup, 엑스빌더, button, nexacro, imageDiv,

최근글과 인기글

  • 최근글
  • 인기글

최근댓글

공지사항

페이스북 트위터 플러그인

  • Facebook
  • Twitter

Archives

Calendar

«   2026/10   »
일 월 화 수 목 금 토
1 2 3
4 5 6 7 8 9 10
11 12 13 14 15 16 17
18 19 20 21 22 23 24
25 26 27 28 29 30 31

방문자수Total

  • Today :
  • Yesterday :

Copyright © Daum Corp. All rights reserved.

티스토리툴바