Skip to content
SHINSEGAE V UI

Checkbox

체크박스 컴포넌트입니다.

Astro

---
import Checkbox from "@shared/ui/checkbox/Checkbox.astro";
---


<Checkbox name="agree" />
<Checkbox name="agree" checked />
<Checkbox name="option" isRadio={true} />

Props:

  • isRadio?: boolean: true이면 radio 타입으로 렌더링 (default: false)
  • 기타 <input> 속성들 지원

Code

<span class="v-checkbox">
  <input type="checkbox" name="agree" />
</span>


<span class="v-checkbox">
  <input type="checkbox" name="agree" checked />
</span>


<!-- 라디오 버튼 스타일 -->
<span class="v-checkbox">
  <input type="radio" name="option" />
</span>

Preview