VanillaFront

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

esponsiveMenu 1

ResponsiveNav (반응형 내비게이션)

Va.ResponsiveNav — 자동 반응형 내비게이션 바 컴포넌트뷰포트 크기에 따라 자동으로 레이아웃을 전환하는 반응형 내비게이션 컴포넌트입니다. 데스크톱/태블릿에서는 헤더에 메뉴가 가로로 나열되고, 모바일에서는 자동으로 햄버거 버튼 방식으로 접힙니다. 화면 크기에 맞춰 자식 컴포넌트가 menuDiv ↔ menuPop 사이를 자동 이동하므로, 반응형 처리를 별도 코드로 짤 필요가 없습니다. overlay 모드, 상단/하단 위치, 외부 클릭 자동 닫힘까지 지원합니다.클래스 정보Va.ResponsiveNav extends Va.ComponenttagName: 'responsiveNav'isContainer: true기본 HTML: 요소 (aria-labelledby 자동 부여)파일: va_compone..

컴포넌트/툴바 2026.09.29
이전
1
다음
더보기
프로필사진

VanillaFront

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

  • 분류 전체보기 (115) N
    • 왜 바닐라프론트를 만들었나!! (8)
    • 기본사용법 (9)
    • 컴포넌트 (92) N
      • 버튼 (10)
      • 필드 컴포넌트 (46)
      • 유효성 (1)
      • 시멘틱태그 (8)
      • 해딩 (1)
      • 패널 외 영역 (Div, Span) (11)
      • 아이콘, 이미지 (3)
      • 아바타, 페르소나 (2)
      • 배지 (1)
      • 툴바 (4) N
      • 브래드크럼 (0)
      • 마스킹, 로더 (0)
      • 미디어 (0)
      • 메시지박스 (0)
      • 캐러셀 (0)
      • 리스트 (0)
      • 카드리스트 (0)
      • 드로워 (0)
      • 아코디언 (0)
      • 다이얼로그, 팝업 등 (0)
      • 탭 (0)
      • 캘린더 (0)
      • 그리드 (3) N
      • 트리그리드 (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

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

최근글과 인기글

  • 최근글
  • 인기글

최근댓글

공지사항

페이스북 트위터 플러그인

  • Facebook
  • Twitter

Archives

Calendar

«   2026/09   »
일 월 화 수 목 금 토
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

방문자수Total

  • Today :
  • Yesterday :

Copyright © Daum Corp. All rights reserved.

티스토리툴바