GoldTreeDevGTD UI

문서 제목, 아이콘 이름, 앱 이름으로 검색할 수 있어요.

전체 문서 보기 이동 · Enter 열기 · Esc 닫기

TextButton

텍스트 링크형 버튼

사용법

기본

보조 행동이나 링크형 인터랙션에 사용해요. 주요 CTA보다 시각적 무게가 낮아요.

스타일 커스터마이징

TextButtonclassNamestyle prop으로 루트 스타일을 덮어쓸 수 있어요.

<TextButton className="rounded-full px-4" style={{ opacity: 0.9 }} />

인터페이스

TextButtonProps

속성타입기본값설명
children*ReactNode버튼 텍스트
disabledbooleanfalse비활성

TextButton 컴포넌트 Props 표

가져오기

import { TextButton } from "@/components/ui/TextButton";
TextButton · GTD UI | GoldTreeDev Docs