카드

안정primitive

관련된 내용을 테두리로 묶어 보여줍니다. 제목은 넣어도 되고 빼도 됩니다.

@tissue-ui/layout-react

설치

bash

npm install @tissue-ui/layout-react

tsx

import { Card } from "@tissue-ui/layout-react";

제목 + 액션

프로젝트 개요

카드는 관련 있는 내용을 한 영역으로 묶습니다. 제목과 우측 액션은 선택입니다.

제목 없는 카드

제목을 생략하면 본문만 감싸는 단순 영역이 됩니다.

제목 없이 본문만 담아 배경·테두리로 영역을 구분합니다.

액션 여럿

배포

제목 오른쪽에 버튼을 여러 개 놓을 수 있습니다.

속성 목록을 담기

카드 안에 필드·목록 등 다른 요소를 자유롭게 넣습니다.

계정

플랜프로

가입일2025-03-01

속성	타입	설명
title	string	카드 위에 넣는 제목입니다 (선택).
actions	node	제목 오른쪽에 놓는 버튼입니다 (선택).

위 옵션 말고도 className·onClick 같은 일반 HTML 속성을 그대로 넘길 수 있습니다.

상태

default

이 페이지의 옵션·상태는 실제 코드 정의에서 그대로 가져온 것입니다. 에이전트는 같은 내용을 llms.txt 로 읽습니다.