SwiftUI Components

65+ items

Modern declarative UI components targeting iOS 14+. Each view integrates with TTBaseUIKit's config system for consistent theming.

🎨 Base Views

BaseSUIView

Base SwiftUI view with background color and corner radius configuration

Core

BaseSUIText

Enhanced Text with 5 type variants (HEADER_SUPER→SUB_SUB_TILE), bold/italic, FontConfig

Core

BaseSUIButton

Customizable button with TTBaseUIKit styling and type variants

Core

BaseSUIImage

Asset/SF Symbol/AwesomePro icon image view with clipping and aspect ratio

BaseSUIAsyncImage

Remote URL image with placeholder and error state fallback

BaseSUICircleImage

Circular image clip — use .clipShape(Circle()) with TTBaseSUIImage

BaseSUITextField

Text field with 4 border types, secure mode, disabled state, and binding

📐 Layout

BaseSUISpacer

Colored flexible spacer (unlike Spacer, has bg color + corner radius)

BaseSUIHStack

Horizontal stack with default TTBaseUIKit spacing + alignment

BaseSUIVStack

Vertical stack with default TTBaseUIKit spacing + alignment

BaseSUIZStack

Z-axis overlay stack

BaseSUIScroll

ScrollView with keyboard dismiss on drag

BaseSUIList

List with PLAIN/GROUPED/INSET styles, pull-to-refresh, and listRowStyle()

BaseSUILazyVStack

Lazy vertical stack for large collections

BaseSUILazyHStack

Lazy horizontal stack for carousels

BaseSUILazyVGrid

Lazy vertical grid — configurable column count and spacing

BaseSUIGroup

Group wrapper with optional bg, corner radius, and padding — 4 init variants

BaseSUIShadowView

Card container with RoundedRectangle background and configurable shadow

🧭 Navigation

BaseNavigationLink

NavigationLink with auto-hide nav bar, isActive binding, and no-animation option

BaseSUITabView

TabView with DEFAULT, PAGE (pager+dots), PAGE_HIDDEN_DOTS modes

BaseNewVersionPopupView

Force/optional app update popup

✏️ Input Controls

BaseSUISlider

Slider with 3 types (DEFAULT, WITH_LABELS, WITH_VALUE), range, step, and custom tint

BaseSUIToggle

Toggle with 3 styles (DEFAULT, ICON, LABEL_ONLY), tint color, and disabled state

👁 Display

BaseSUIProgressView

INDETERMINATE spinner, LINEAR bar, and CIRCULAR ring with label and tint color

BaseSUIShadowView

Shadow card wrapper for any SwiftUI view with configurable corner and shadow

BaseSUIHorizontalDividerView

Horizontal divider: LINE (1px), SPACE (gap), CUSTOME(color:height:)

BaseSUIVerticalDivider

Vertical divider line between HStack children

🎭 View Modifiers & Styles

TextBorderModifier

Add bordered text styling via modifier

BaseButtonStyle

Custom button styles with press/release effects

✨ Animations & Effects

Shimmer

Skeleton loading shimmer animation

Popular

SUIUtil+Extensions

SwiftUI animation utilities

🔧 View Extensions

View+Config+Extension

Keyboard handling, navigation helpers

View+Style

Font, color, padding shortcuts

View+Spacing

Spacing utilities and presets

View+LayoutPriority

Layout priority helpers

View+Swipe

Swipe gesture support

View+LiquidGlass

Liquid glass visual effect

HostingController+Configs

UIHostingController enhancements

UITabBar+Config

Tab bar configuration extensions

TTBaseUIKit+SwiftUI

UIKit ↔ SwiftUI bridge utilities

Bridge