Skip to content
SHINSEGAE V UI

ActionBar

액션 바 컴포넌트입니다. 찜, 공유 등의 액션 버튼들을 모아서 표시합니다.

Astro

---
import ActionBar from "@shared/module/action-bar/ActionBar.astro";
import ActionButton from "@shared/module/action-bar/ActionButton.astro";
import WishButton from "@shared/ui/wish-button/WishButton.astro";
import ShareButton from "@shared/ui/share-button/ShareButton.astro";
---


<ActionBar>
  <ActionButton>선물하기</ActionButton>
  <ActionButton>쇼핑백</ActionButton>
  <ActionButton mods="primary">바로구매</ActionButton>
</ActionBar>

ActionBar Props

  • mods?: ModProp | ModProp[]: BEM 모디파이어

ActionButton Props

  • mods?: ModProp | ModProp[]: BEM 모디파이어
  • Button 컴포넌트의 모든 props 지원

Code

<div class="v-action-bar">
  <button type="button" class="v-button v-action-button">선물하기</button>
  <button type="button" class="v-button v-action-button">쇼핑백</button>
  <button type="button" class="v-button v-action-button v-action-button--primary">바로구매</button>
</div>

Preview