아코디언
실험composite제목을 누르면 내용이 펼쳐지는 목록입니다. FAQ나 안내에 잘 맞습니다. 하나만 또는 여럿을 함께 펼치게 할 수 있습니다.
@tissue-ui/layout-react설치
bash
npm install @tissue-ui/layout-reacttsx
import { Accordion } from "@tissue-ui/layout-react";언제 쓰나
- 긴 내용을 접어두고 필요할 때 펼치게 할 때(FAQ·약관 등).
예제
단일 열기
스코프 레지스트리를 매핑한 뒤 npm install 합니다.
CSS 변수(--tissue-layout-*)를 덮어씁니다.
여러 개 동시 열기
multiple 을 켜면 여러 항목을 한꺼번에 펼칠 수 있습니다.
보통 2~3일 소요됩니다.
수령 후 7일 이내 가능합니다.
주문 상세에서 내려받을 수 있습니다.
처음엔 모두 닫힘
defaultOpen 을 주지 않으면 모두 접힌 채로 시작합니다.
본 약관은 서비스 이용 조건을 정합니다.
'회원'이란 가입한 이용자를 말합니다.
속성
| 속성 | 타입 | 설명 |
|---|---|---|
| items | node | 펼침 항목 목록입니다 (항목마다 키·제목·내용). |
| multiple | boolean | 여러 항목을 함께 펼칠 수 있게 합니다 (기본 꺼짐). |
| defaultOpen | string | 처음에 펼쳐둘 항목의 키입니다. |
위 옵션 말고도 className·onClick 같은 일반 HTML 속성을 그대로 넘길 수 있습니다.
상태
default
이 페이지의 옵션·상태는 실제 코드 정의에서 그대로 가져온 것입니다. 에이전트는 같은 내용을 llms.txt 로 읽습니다.