IROUL
회원가입로그인
ButtonLink

Interactive UI Explorer

아래에서 각 컴포넌트의 다양한 Variants와 States를 문서화된 형태로 테스트해볼 수 있습니다.

ButtonLink

Link attributes mapped functionally to premium button designs.

Variants & Icons

Supported variants for the navigation button link.

Source Code
<ButtonLink href="#" variant="outline" iconDirection="left">이전 페이지</ButtonLink>
<ButtonLink href="#" variant="solid" iconDirection="right">다음 단계로</ButtonLink>
<ButtonLink href="#" variant="ghost" iconDirection="none">단순 텍스트 링크</ButtonLink>
이전 페이지다음 단계로단순 텍스트 링크
Live Preview

Premium & Icon Only

Premium gradient styles and icon-only circle button variants.

Source Code
<ButtonLink href="#" variant="gradient" isIconOnly iconDirection="none">
  <PlusIcon className="h-4 w-4" />
</ButtonLink>

<ButtonLink href="#" variant="solid" isIconOnly iconDirection="none">
  <ArrowRightIcon className="h-4 w-4" />
</ButtonLink>
Live Preview