• base
  • colors
  • button
  • input
  • tag
  • checkbox
  • switch
  • badge
  • form
  • list
  • selectbox
  • message
  • tabs
  • cards
  • table
  • pagination
  • panel
  • grid
  • grid2
  • calendar
  • modal
  • toast

    • Panel

    Expandable/collapsible side or content panels.

    기본

    제목
    CONTENT

    Lorem ipsum dolor sit amet, consectetur adipisicing elit. Commodi consequuntur corporis expedita fuga, incidunt obcaecati qui, quis, rem reprehenderit rerum sed sit. Distinctio doloremque dolorum eius est facere pariatur voluptas!

    Lorem ipsum dolor sit amet, consectetur adipisicing elit. Commodi consequuntur corporis expedita fuga, incidunt obcaecati qui, quis, rem reprehenderit rerum sed sit. Distinctio doloremque dolorum eius est facere pariatur voluptas!

    
<div class="ga-panel">
    <div class="panel-header"> ... </div>
    <div class="panel-contents"> ... </div>
</div>

    Collapse

    제목

    Lorem ipsum dolor sit amet, consectetur adipisicing elit. Commodi consequuntur corporis expedita fuga, incidunt obcaecati qui, quis, rem reprehenderit rerum sed sit. Distinctio doloremque dolorum eius est facere pariatur voluptas!

    Lorem ipsum dolor sit amet, consectetur adipisicing elit. Commodi consequuntur corporis expedita fuga, incidunt obcaecati qui, quis, rem reprehenderit rerum sed sit. Distinctio doloremque dolorum eius est facere pariatur voluptas!

    
<div class="ga-panel collapse">
    <div class="panel-header"> ... </div>
    <div class="panel-contents"> ... </div>
</div>

    Example

    제목
    Head Area
    이름나이직업
    김아무개11학생
    이아무개17대학생
    박아무개31대학원생
    1
    2
    3
    4
    5
    window.va = window.va || function () { (window.vaq = window.vaq || []).push(arguments); };