Skip to content

Select theme

Dashboard
Guides
- Getting Started
- 컴포넌트 작성 가이드
- Astro DB 사용 가이드
- Design System
Reference
- Shared
  - 공통 요소
  - module
    
    Modules
    배너, 퀵 링크, HTML 모듈
    Carousel
    상품 유닛
  - ui
    
    UI Components
    Buttons
    타이머
    List
    Media Embed
    Tab
    타이틀, 이미지 타이틀
    비디오 플레이어
  - utilities
    
    Utilities
- Mobile
  - 모바일
  - layouts
    
    모바일 레이아웃
    바텀바
    푸터
    메인 헤더
  - modules
    
    MO 전시 모듈
    코너 타이틀
    HTML
    이미지/기획전/동영상
    이미지/기획전/동영상 + 상품
    이미지/기획전/동영상 + 상품 (피카부)
    텍스트 띠 배너
    상품
    퀵 링크
    상품그룹 (탭 + 상품)
    타이머 + 상품
  - templates
    
    MO 전시 템플릿
    
    banner
    
    HTML
    Img(1)+Text(안)
    Img(1)+Text(밖)
    Img(퀵링크)
    Img+Story
    띠배너
    
    banner-product
    
    Img(1)+Text(안)+Product
    Img(1)+Text(밖)+Product
    Img(1)+Text(밖)+Product(피카부)
    Img+Story+Product
    
    product
    
    Product 1
    Product(리스트)
    Tab+Product
    Timer+Product
    
    video
    
    SILIVE+Product
  - ui
    
    Bottom Sheet
- PC
  - 데스크탑
  - layouts
    
    PC 레이아웃
  - module
    
    Carousel
  - templates
    
    PC 템플릿
    
    banner
    
    HTML
    Img(1)+Text(안)
    Img(3)+Text(안,밖)
    Img(퀵링크)
    Img+Story(좌,우)
    띠배너
    
    banner-product
    
    Img(1)+Text(안)+Product
    Img(1)+Text(안)+Product(피카부)
    Img+Story+Product
    
    product
    
    Product
    Product(리스트)
    Tab+Product
    Timer+Product
    
    video
    
    SILIVE+Product

Select theme

On this page

Overview

On this page

Overview

Bottom Sheet

Caution

임시로 HTMLDialogElement의 showModal() 메서드를 사용하여 화면 확인만 할 수 있는 상태입니다.

열리고, 닫힐 때 효과 적용이 필요합니다.

lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec a diam lectus, congue vel laoreet ac, dictum vitae odio.

Previous
SILIVE+Product Next
데스크탑