Collapsible · Tinyrack Design System

트리거로 콘텐츠 패널 하나를 펼치거나 접어요.

핵심 속성

속성	설명
접합 모서리	`attachedEdge`는 한쪽 모서리를 직각으로 만들고 그 변의 테두리를 제거해, 그 테두리를 제공하는 이웃 표면과 하나의 표면처럼 보이게 해요. 아래 카드 위에 얹힌 서랍이면 `TRCollapsibleAttachedEdge.bottom`, 반대면 `top`, 독립 패널이면 기본값 `none`을 쓰세요.

설치

패키지를 추가한 뒤 공개 라이브러리를 가져오세요.

flutter pub add tinyrack_ui

import 'package:tinyrack_ui/tinyrack_ui.dart';

플레이그라운드

Flutter 미리보기를 불러오는 중이에요

사용법

import 'package:material_ui/material_ui.dart';
import 'package:tinyrack_ui/tinyrack_ui.dart';

const TRCollapsible(
  trigger: Text('Details'),
  content: Text('Panel body'),
)

API

Collapsible는 Flutter의 네이티브 상태와 콜백을 유지하고 Tinyrack 토큰을 기본값으로 사용해요.