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`	標準のコントロール枠線色または控えめなセマンティック枠線色を選びます。