Separator · Tinyrack Design System

얇은 시맨틱 선으로 콘텐츠 영역을 구분해요.

핵심 속성

속성	설명
강조	`defaultVariant`는 컨트롤 테두리 색을 사용하고, `muted`는 더 옅은 시맨틱 테두리 색을 사용해요.
방향	`horizontal`은 사용 가능한 너비를 채우고, `vertical`은 부모 높이를 채우면서 지정한 최소 길이를 유지해요.

컨트롤 사이에는 기본 변형을 사용하고, 콘텐츠 영역을 은은하게 나눌 때는 muted를 선택하세요.

설치

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

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 TRSeparator(
  variant: TRSeparatorVariant.muted,
)

API

TRSeparator 속성

Prop	타입 / 기본값	용도
`orientation`	`TRSeparatorOrientation · horizontal`	가로 또는 세로 구분선을 선택해요.
`minLength`	`double? · null`	세로 구분선의 최소 길이를 재정의해요.
`variant`	`TRSeparatorVariant · defaultVariant`	표준 컨트롤 테두리와 옅은 시맨틱 테두리 색 중 하나를 선택해요.