SwiftUI Styling Cheat Sheet

swiftui_cheat_sheet.md

Styling Text

Text(talkModel.promptText)
    .font(.title)
    .padding()
    .frame(maxWidth: .infinity)
    .background(.ultraThinMaterial)
    .foregroundColor(Color(UIColor.label))

.font

Text Style

font(.body)

• .body
• .callout
• .caption
• .caption2
• .footnote
• .headline
• .largeTitle
• .subheadline
• .title
• .title2
• .title3

UIColor

Standard Colors

Color(UIColor.systemGray)

Adaptable colors

• .systemBlue
• .systemBrown
• .systemCyan
• .systemGreen
• .systemIndigo
• .systemMint
• .systemOrange
• .systemPink
• .systemPurple
• .systemRed
• .systemTeal
• .systemYellow

Adaptable gray colors

• .systemGray
• .systemGray2
• .systemGray3
• .systemGray4
• .systemGray5
• .systemGray6

Transparent color

• .clear

Fixed colors

• .black
• .blue
• .brown
• .cyan
• .darkGray
• .gray
• .green
• .lightGray
• .magenta
• .orange
• .purple
• .red
• .white
• .yellow

TextField

Textfield("Name", text: $text)
  .onSubmit {
     action()
   }
   .submitLabel(.send)
   .textSelection(.enabled)
   .textFieldStyle(.roundedBoder)
   .disableAutocorrection(false)
   .