Separator · Tinyrack Design System

Divide content regions with a thin semantic line.

Contract

Axis	Contract
Emphasis	`defaultVariant` uses the control border color; `muted` uses the lower-emphasis semantic border color.
Orientation	`horizontal` spans the available width; `vertical` spans its parent height and keeps the configured minimum length.

Use the default variant between controls or choose muted for a lower-emphasis boundary between content regions.

Install

Add the package, then import its public library.

flutter pub add tinyrack_ui

import 'package:tinyrack_ui/tinyrack_ui.dart';

Playground

Loading the Flutter preview

Usage

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

const TRSeparator(
  variant: TRSeparatorVariant.muted,
)

API

TRSeparator properties

Prop	Type / default	Purpose
`orientation`	`TRSeparatorOrientation · horizontal`	Selects a horizontal or vertical separator.
`minLength`	`double? · null`	Overrides the minimum length of a vertical separator.
`variant`	`TRSeparatorVariant · defaultVariant`	Chooses the standard control border or muted semantic border color.