View Source Modifier Index

accessibilityAction

accessibilityAction(action:label:)

action: event("...") (required)
label: ViewReference

See SwiftUI.View/accessibilityAction(action:label:) for more details on this ViewModifier. Example:

<Element style='accessibilityAction(action: event("action"), label: :label)'>
  <Child template="label" />
</Element>

def handle_event("action", params, socket)

accessibilityActions

accessibilityActions(_:)

content: ViewReference

See SwiftUI.View/accessibilityActions(_:) for more details on this ViewModifier. Example:

<Element style="accessibilityActions(:content)">
  <Child template="content" />
</Element>

accessibilityChildren

accessibilityChildren(children:)

children: ViewReference

See SwiftUI.View/accessibilityChildren(children:) for more details on this ViewModifier. Example:

<Element style="accessibilityChildren(children: :children)">
  <Child template="children" />
</Element>

accessibilityIgnoresInvertColors

accessibilityIgnoresInvertColors(_:)

active: attr("...") or Bool

See SwiftUI.View/accessibilityIgnoresInvertColors(_:) for more details on this ViewModifier. Example:

<Element style='accessibilityIgnoresInvertColors(attr("active"))' active={@active} />

accessibilityRepresentation

accessibilityRepresentation(representation:)

representation: ViewReference

See SwiftUI.View/accessibilityRepresentation(representation:) for more details on this ViewModifier. Example:

<Element style="accessibilityRepresentation(representation: :representation)">
  <Child template="representation" />
</Element>

accessibilityShowsLargeContentViewer

accessibilityShowsLargeContentViewer(_:)

largeContentView: ViewReference

See SwiftUI.View/accessibilityShowsLargeContentViewer(_:) for more details on this ViewModifier. Example:

<Element style="accessibilityShowsLargeContentViewer(:largeContentView)">
  <Child template="largeContentView" />
</Element>

accessibilityShowsLargeContentViewer()

See SwiftUI.View/accessibilityShowsLargeContentViewer() for more details on this ViewModifier. Example:

alert

alert(_:isPresented:actions:)

titleKey: SwiftUI/LocalizedStringKey (required)
isPresented: attr("...") for a Bool (required, change tracked)
actions: ViewReference

See SwiftUI.View/alert(_:isPresented:actions:) for more details on this ViewModifier. Example:

<Element style='alert(_LocalizedStringKey_, isPresented: attr("isPresented"), actions: :actions)' isPresented={@isPresented} phx-change="isPresented-changed">
  <Child template="actions" />
</Element>

def handle_event("isPresented-changed", params, socket)

alert(_:isPresented:actions:)

title: attr("...") or String (required)
isPresented: attr("...") for a Bool (required, change tracked)
actions: ViewReference

See SwiftUI.View/alert(_:isPresented:actions:) for more details on this ViewModifier. Example:

<Element style='alert(attr("title"), isPresented: attr("isPresented"), actions: :actions)' title={@title} isPresented={@isPresented} phx-change="isPresented-changed">
  <Child template="actions" />
</Element>

def handle_event("isPresented-changed", params, socket)

alert(_:isPresented:actions:)

title: TextReference (required)
isPresented: attr("...") for a Bool (required, change tracked)
actions: ViewReference

See SwiftUI.View/alert(_:isPresented:actions:) for more details on this ViewModifier. Example:

<Element style='alert(:title, isPresented: attr("isPresented"), actions: :actions)' isPresented={@isPresented} phx-change="isPresented-changed">
  <Text template="title">...</Text>
  <Child template="actions" />
</Element>

def handle_event("isPresented-changed", params, socket)

alert(_:isPresented:actions:message:)

titleKey: SwiftUI/LocalizedStringKey (required)
isPresented: attr("...") for a Bool (required, change tracked)
actions: ViewReference
message: ViewReference

See SwiftUI.View/alert(_:isPresented:actions:message:) for more details on this ViewModifier. Example:

<Element style='alert(_LocalizedStringKey_, isPresented: attr("isPresented"), actions: :actions, message: :message)' isPresented={@isPresented} phx-change="isPresented-changed">
  <Child template="actions" />
  <Child template="message" />
</Element>

def handle_event("isPresented-changed", params, socket)

alert(_:isPresented:actions:message:)

title: attr("...") or String (required)
isPresented: attr("...") for a Bool (required, change tracked)
actions: ViewReference
message: ViewReference

See SwiftUI.View/alert(_:isPresented:actions:message:) for more details on this ViewModifier. Example:

<Element style='alert(attr("title"), isPresented: attr("isPresented"), actions: :actions, message: :message)' title={@title} isPresented={@isPresented} phx-change="isPresented-changed">
  <Child template="actions" />
  <Child template="message" />
</Element>

def handle_event("isPresented-changed", params, socket)

alert(_:isPresented:actions:message:)

title: TextReference (required)
isPresented: attr("...") for a Bool (required, change tracked)
actions: ViewReference
message: ViewReference

See SwiftUI.View/alert(_:isPresented:actions:message:) for more details on this ViewModifier. Example:

<Element style='alert(:title, isPresented: attr("isPresented"), actions: :actions, message: :message)' isPresented={@isPresented} phx-change="isPresented-changed">
  <Text template="title">...</Text>
  <Child template="actions" />
  <Child template="message" />
</Element>

def handle_event("isPresented-changed", params, socket)

alert(isPresented:error:actions:)

isPresented: attr("...") for a Bool (required, change tracked)
error: AnyLocalizedError (required)
actions: ViewReference

See SwiftUI.View/alert(isPresented:error:actions:) for more details on this ViewModifier. Example:

<Element style='alert(isPresented: attr("isPresented"), error: _AnyLocalizedError_, actions: :actions)' isPresented={@isPresented} phx-change="isPresented-changed">
  <Child template="actions" />
</Element>

def handle_event("isPresented-changed", params, socket)

allowsHitTesting

allowsHitTesting(_:)

enabled: attr("...") or Bool (required)

See SwiftUI.View/allowsHitTesting(_:) for more details on this ViewModifier. Example:

<Element style='allowsHitTesting(attr("enabled"))' enabled={@enabled} />

allowsTightening

allowsTightening(_:)

flag: attr("...") or Bool (required)

See SwiftUI.View/allowsTightening(_:) for more details on this ViewModifier. Example:

<Element style='allowsTightening(attr("flag"))' flag={@flag} />

animation

animation(_:value:)

animation: Animation or nil (required)
value: attr("...") or String (required)

See SwiftUI.View/animation(_:value:) for more details on this ViewModifier. Example:

<Element style='animation(nil, value: attr("value"))' value={@value} />

aspectRatio

aspectRatio(_:contentMode:)

aspectRatio: attr("...") or CGFloat or nil
contentMode: ContentMode (required)

See SwiftUI.View/aspectRatio(_:contentMode:) for more details on this ViewModifier. Example:

<Element style='aspectRatio(attr("aspectRatio"), contentMode: _ContentMode_)' aspectRatio={@aspectRatio} />

aspectRatio(_:contentMode:)

aspectRatio: CoreFoundation/CGSize (required)
contentMode: ContentMode (required)

See SwiftUI.View/aspectRatio(_:contentMode:) for more details on this ViewModifier. Example:

autocorrectionDisabled

autocorrectionDisabled(_:)

disable: attr("...") or Bool

See SwiftUI.View/autocorrectionDisabled(_:) for more details on this ViewModifier. Example:

<Element style='autocorrectionDisabled(attr("disable"))' disable={@disable} />

background

background(alignment:content:)

alignment: attr("...") or Alignment
content: ViewReference

See SwiftUI.View/background(alignment:content:) for more details on this ViewModifier. Example:

<Element style='background(alignment: attr("alignment"), content: :content)' alignment={@alignment}>
  <Child template="content" />
</Element>

background(ignoresSafeAreaEdges:)

ignoresSafeAreaEdges: Edge.Set

See SwiftUI.View/background(ignoresSafeAreaEdges:) for more details on this ViewModifier. Example:

background(_:ignoresSafeAreaEdges:)

style: AnyShapeStyle.Resolvable (required)
ignoresSafeAreaEdges: Edge.Set

See SwiftUI.View/background(_:ignoresSafeAreaEdges:) for more details on this ViewModifier. Example:

background(in:fillStyle:)

in: AnyShape (required)
fillStyle: FillStyle

See SwiftUI.View/background(in:fillStyle:) for more details on this ViewModifier. Example:

background(_:in:fillStyle:)

style: AnyShapeStyle.Resolvable (required)
in: AnyShape (required)
fillStyle: FillStyle

See SwiftUI.View/background(_:in:fillStyle:) for more details on this ViewModifier. Example:

background(in:fillStyle:)

in: AnyInsettableShape (required)
fillStyle: FillStyle

See SwiftUI.View/background(in:fillStyle:) for more details on this ViewModifier. Example:

background(_:in:fillStyle:)

style: AnyShapeStyle.Resolvable (required)
in: AnyInsettableShape (required)
fillStyle: FillStyle

See SwiftUI.View/background(_:in:fillStyle:) for more details on this ViewModifier. Example:

backgroundStyle

backgroundStyle(_:)

style: AnyShapeStyle.Resolvable (required)

See SwiftUI.View/backgroundStyle(_:) for more details on this ViewModifier. Example:

badge

badge(_:)

count: attr("...") or Int (required)

See SwiftUI.View/badge(_:) for more details on this ViewModifier. Example:

<Element style='badge(attr("count"))' count={@count} />

badge(_:)

label: TextReference or nil (required)

See SwiftUI.View/badge(_:) for more details on this ViewModifier. Example:

<Element style="badge(:label)">
  <Text template="label">...</Text>
</Element>

badge(_:)

key: SwiftUI/LocalizedStringKey or nil (required)

See SwiftUI.View/badge(_:) for more details on this ViewModifier. Example:

badge(_:)

label: attr("...") or String (required)

See SwiftUI.View/badge(_:) for more details on this ViewModifier. Example:

<Element style='badge(attr("label"))' label={@label} />

badgeProminence

badgeProminence(_:)

prominence: BadgeProminence (required)

See SwiftUI.View/badgeProminence(_:) for more details on this ViewModifier. Example:

baselineOffset

baselineOffset(_:)

baselineOffset: attr("...") or CGFloat (required)

See SwiftUI.View/baselineOffset(_:) for more details on this ViewModifier. Example:

<Element style='baselineOffset(attr("baselineOffset"))' baselineOffset={@baselineOffset} />

blendMode

blendMode(_:)

blendMode: BlendMode (required)

See SwiftUI.View/blendMode(_:) for more details on this ViewModifier. Example:

blur

blur(radius:opaque:)

radius: attr("...") or CGFloat (required)
opaque: attr("...") or Bool

See SwiftUI.View/blur(radius:opaque:) for more details on this ViewModifier. Example:

<Element style='blur(radius: attr("radius"), opaque: attr("opaque"))' radius={@radius} opaque={@opaque} />

bold

bold(_:)

isActive: attr("...") or Bool

See SwiftUI.View/bold(_:) for more details on this ViewModifier. Example:

<Element style='bold(attr("isActive"))' isActive={@isActive} />

border

border(_:width:)

content: AnyShapeStyle.Resolvable (required)
width: attr("...") or CGFloat

See SwiftUI.View/border(_:width:) for more details on this ViewModifier. Example:

<Element style='border(_Resolvable_, width: attr("width"))' width={@width} />

brightness

brightness(_:)

amount: attr("...") or Double (required)

See SwiftUI.View/brightness(_:) for more details on this ViewModifier. Example:

<Element style='brightness(attr("amount"))' amount={@amount} />

buttonBorderShape

buttonBorderShape(_:)

shape: ButtonBorderShape (required)

See SwiftUI.View/buttonBorderShape(_:) for more details on this ViewModifier. Example:

buttonStyle

buttonStyle(_:)

style: AnyPrimitiveButtonStyle (required)

See SwiftUI.View/buttonStyle(_:) for more details on this ViewModifier. Example:

buttonStyle(_:)

style: AnyButtonStyle (required)

See SwiftUI.View/buttonStyle(_:) for more details on this ViewModifier. Example:

clipShape

clipShape(_:style:)

shape: AnyShape (required)
style: FillStyle

See SwiftUI.View/clipShape(_:style:) for more details on this ViewModifier. Example:

clipped

clipped(antialiased:)

antialiased: attr("...") or Bool

See SwiftUI.View/clipped(antialiased:) for more details on this ViewModifier. Example:

<Element style='clipped(antialiased: attr("antialiased"))' antialiased={@antialiased} />

colorInvert

colorInvert()

See SwiftUI.View/colorInvert() for more details on this ViewModifier. Example:

colorMultiply

colorMultiply(_:)

color: Color/Resolvable (required)

See SwiftUI.View/colorMultiply(_:) for more details on this ViewModifier. Example:

compositingGroup

compositingGroup()

See SwiftUI.View/compositingGroup() for more details on this ViewModifier. Example:

confirmationDialog

confirmationDialog(_:isPresented:titleVisibility:actions:)

titleKey: SwiftUI/LocalizedStringKey (required)
isPresented: attr("...") for a Bool (required, change tracked)
titleVisibility: attr("...") or Visibility
actions: ViewReference

See SwiftUI.View/confirmationDialog(_:isPresented:titleVisibility:actions:) for more details on this ViewModifier. Example:

<Element style='confirmationDialog(_LocalizedStringKey_, isPresented: attr("isPresented"), titleVisibility: attr("titleVisibility"), actions: :actions)' isPresented={@isPresented} titleVisibility={@titleVisibility} phx-change="isPresented-changed">
  <Child template="actions" />
</Element>

def handle_event("isPresented-changed", params, socket)

confirmationDialog(_:isPresented:titleVisibility:actions:)

title: attr("...") or String (required)
isPresented: attr("...") for a Bool (required, change tracked)
titleVisibility: attr("...") or Visibility
actions: ViewReference

See SwiftUI.View/confirmationDialog(_:isPresented:titleVisibility:actions:) for more details on this ViewModifier. Example:

<Element style='confirmationDialog(attr("title"), isPresented: attr("isPresented"), titleVisibility: attr("titleVisibility"), actions: :actions)' title={@title} isPresented={@isPresented} titleVisibility={@titleVisibility} phx-change="isPresented-changed">
  <Child template="actions" />
</Element>

def handle_event("isPresented-changed", params, socket)

confirmationDialog(_:isPresented:titleVisibility:actions:)

title: TextReference (required)
isPresented: attr("...") for a Bool (required, change tracked)
titleVisibility: attr("...") or Visibility
actions: ViewReference

See SwiftUI.View/confirmationDialog(_:isPresented:titleVisibility:actions:) for more details on this ViewModifier. Example:

<Element style='confirmationDialog(:title, isPresented: attr("isPresented"), titleVisibility: attr("titleVisibility"), actions: :actions)' isPresented={@isPresented} titleVisibility={@titleVisibility} phx-change="isPresented-changed">
  <Text template="title">...</Text>
  <Child template="actions" />
</Element>

def handle_event("isPresented-changed", params, socket)

confirmationDialog(_:isPresented:titleVisibility:actions:message:)

titleKey: SwiftUI/LocalizedStringKey (required)
isPresented: attr("...") for a Bool (required, change tracked)
titleVisibility: attr("...") or Visibility
actions: ViewReference
message: ViewReference

See SwiftUI.View/confirmationDialog(_:isPresented:titleVisibility:actions:message:) for more details on this ViewModifier. Example:

<Element style='confirmationDialog(_LocalizedStringKey_, isPresented: attr("isPresented"), titleVisibility: attr("titleVisibility"), actions: :actions, message: :message)' isPresented={@isPresented} titleVisibility={@titleVisibility} phx-change="isPresented-changed">
  <Child template="actions" />
  <Child template="message" />
</Element>

def handle_event("isPresented-changed", params, socket)

confirmationDialog(_:isPresented:titleVisibility:actions:message:)

title: attr("...") or String (required)
isPresented: attr("...") for a Bool (required, change tracked)
titleVisibility: attr("...") or Visibility
actions: ViewReference
message: ViewReference

See SwiftUI.View/confirmationDialog(_:isPresented:titleVisibility:actions:message:) for more details on this ViewModifier. Example:

<Element style='confirmationDialog(attr("title"), isPresented: attr("isPresented"), titleVisibility: attr("titleVisibility"), actions: :actions, message: :message)' title={@title} isPresented={@isPresented} titleVisibility={@titleVisibility} phx-change="isPresented-changed">
  <Child template="actions" />
  <Child template="message" />
</Element>

def handle_event("isPresented-changed", params, socket)

confirmationDialog(_:isPresented:titleVisibility:actions:message:)

title: TextReference (required)
isPresented: attr("...") for a Bool (required, change tracked)
titleVisibility: attr("...") or Visibility
actions: ViewReference
message: ViewReference

See SwiftUI.View/confirmationDialog(_:isPresented:titleVisibility:actions:message:) for more details on this ViewModifier. Example:

<Element style='confirmationDialog(:title, isPresented: attr("isPresented"), titleVisibility: attr("titleVisibility"), actions: :actions, message: :message)' isPresented={@isPresented} titleVisibility={@titleVisibility} phx-change="isPresented-changed">
  <Text template="title">...</Text>
  <Child template="actions" />
  <Child template="message" />
</Element>

def handle_event("isPresented-changed", params, socket)

containerRelativeFrame

containerRelativeFrame(_:alignment:)

axes: Axis.Set (required)
alignment: attr("...") or Alignment

See SwiftUI.View/containerRelativeFrame(_:alignment:) for more details on this ViewModifier. Example:

<Element style='containerRelativeFrame(_Set_, alignment: attr("alignment"))' alignment={@alignment} />

containerRelativeFrame(_:count:span:spacing:alignment:)

axes: Axis.Set (required)
count: attr("...") or Int (required)
span: attr("...") or Int
spacing: attr("...") or CGFloat (required)
alignment: attr("...") or Alignment

See SwiftUI.View/containerRelativeFrame(_:count:span:spacing:alignment:) for more details on this ViewModifier. Example:

<Element style='containerRelativeFrame(_Set_, count: attr("count"), span: attr("span"), spacing: attr("spacing"), alignment: attr("alignment"))' count={@count} span={@span} spacing={@spacing} alignment={@alignment} />

containerShape

containerShape(_:)

shape: AnyInsettableShape (required)

See SwiftUI.View/containerShape(_:) for more details on this ViewModifier. Example:

contentMargins

contentMargins(::for:)

edges: Edge.Set
insets: EdgeInsets (required)
for: ContentMarginPlacement

See SwiftUI.View/contentMargins(_:_:for:) for more details on this ViewModifier. Example:

contentMargins(::for:)

edges: Edge.Set
length: attr("...") or CGFloat or nil (required)
for: ContentMarginPlacement

See SwiftUI.View/contentMargins(_:_:for:) for more details on this ViewModifier. Example:

<Element style='contentMargins(_Set_, attr("length"), for: .automatic)' length={@length} />

contentMargins(_:for:)

length: attr("...") or CGFloat (required)
for: ContentMarginPlacement

See SwiftUI.View/contentMargins(_:for:) for more details on this ViewModifier. Example:

<Element style='contentMargins(attr("length"), for: .automatic)' length={@length} />

contentShape

contentShape(_:eoFill:)

shape: AnyShape (required)
eoFill: attr("...") or Bool

See SwiftUI.View/contentShape(_:eoFill:) for more details on this ViewModifier. Example:

<Element style='contentShape(_AnyShape_, eoFill: attr("eoFill"))' eoFill={@eoFill} />

contentShape(::eoFill:)

kind: ContentShapeKinds (required)
shape: AnyShape (required)
eoFill: attr("...") or Bool

See SwiftUI.View/contentShape(_:_:eoFill:) for more details on this ViewModifier. Example:

<Element style='contentShape(.interaction, _AnyShape_, eoFill: attr("eoFill"))' eoFill={@eoFill} />

contentTransition

contentTransition(_:)

transition: ContentTransition (required)

See SwiftUI.View/contentTransition(_:) for more details on this ViewModifier. Example:

contextMenu

contextMenu(menuItems:)

menuItems: ViewReference

See SwiftUI.View/contextMenu(menuItems:) for more details on this ViewModifier. Example:

<Element style="contextMenu(menuItems: :menuItems)">
  <Child template="menuItems" />
</Element>

contextMenu(menuItems:preview:)

menuItems: ViewReference
preview: ViewReference

See SwiftUI.View/contextMenu(menuItems:preview:) for more details on this ViewModifier. Example:

<Element style="contextMenu(menuItems: :menuItems, preview: :preview)">
  <Child template="menuItems" />
  <Child template="preview" />
</Element>

contrast

contrast(_:)

amount: attr("...") or Double (required)

See SwiftUI.View/contrast(_:) for more details on this ViewModifier. Example:

<Element style='contrast(attr("amount"))' amount={@amount} />

controlGroupStyle

controlGroupStyle(_:)

style: AnyControlGroupStyle (required)

See SwiftUI.View/controlGroupStyle(_:) for more details on this ViewModifier. Example:

controlSize

controlSize(_:)

controlSize: ControlSize (required)

See SwiftUI.View/controlSize(_:) for more details on this ViewModifier. Example:

coordinateSpace

coordinateSpace(_:)

name: NamedCoordinateSpace (required)

See SwiftUI.View/coordinateSpace(_:) for more details on this ViewModifier. Example:

datePickerStyle

datePickerStyle(_:)

style: AnyDatePickerStyle (required)

See SwiftUI.View/datePickerStyle(_:) for more details on this ViewModifier. Example:

defaultHoverEffect

defaultHoverEffect(_:)

effect: HoverEffect or nil (required)

See SwiftUI.View/defaultHoverEffect(_:) for more details on this ViewModifier. Example:

defaultScrollAnchor

defaultScrollAnchor(_:)

anchor: attr("...") or UnitPoint or nil (required)

See SwiftUI.View/defaultScrollAnchor(_:) for more details on this ViewModifier. Example:

<Element style='defaultScrollAnchor(attr("anchor"))' anchor={@anchor} />

defaultWheelPickerItemHeight

defaultWheelPickerItemHeight(_:)

height: attr("...") or CGFloat (required)

See SwiftUI.View/defaultWheelPickerItemHeight(_:) for more details on this ViewModifier. Example:

<Element style='defaultWheelPickerItemHeight(attr("height"))' height={@height} />

defersSystemGestures

defersSystemGestures(on:)

on: Edge.Set (required)

See SwiftUI.View/defersSystemGestures(on:) for more details on this ViewModifier. Example:

deleteDisabled

deleteDisabled(_:)

isDisabled: attr("...") or Bool (required)

See SwiftUI.View/deleteDisabled(_:) for more details on this ViewModifier. Example:

<Element style='deleteDisabled(attr("isDisabled"))' isDisabled={@isDisabled} />

dialogSuppressionToggle

dialogSuppressionToggle(_:isSuppressed:)

titleKey: SwiftUI/LocalizedStringKey (required)
isSuppressed: attr("...") for a Bool (required, change tracked)

See SwiftUI.View/dialogSuppressionToggle(_:isSuppressed:) for more details on this ViewModifier. Example:

<Element style='dialogSuppressionToggle(_LocalizedStringKey_, isSuppressed: attr("isSuppressed"))' isSuppressed={@isSuppressed} phx-change="isSuppressed-changed" />

def handle_event("isSuppressed-changed", params, socket)

dialogSuppressionToggle(_:isSuppressed:)

title: attr("...") or String (required)
isSuppressed: attr("...") for a Bool (required, change tracked)

See SwiftUI.View/dialogSuppressionToggle(_:isSuppressed:) for more details on this ViewModifier. Example:

<Element style='dialogSuppressionToggle(attr("title"), isSuppressed: attr("isSuppressed"))' title={@title} isSuppressed={@isSuppressed} phx-change="isSuppressed-changed" />

def handle_event("isSuppressed-changed", params, socket)

dialogSuppressionToggle(_:isSuppressed:)

label: TextReference (required)
isSuppressed: attr("...") for a Bool (required, change tracked)

See SwiftUI.View/dialogSuppressionToggle(_:isSuppressed:) for more details on this ViewModifier. Example:

<Element style='dialogSuppressionToggle(:label, isSuppressed: attr("isSuppressed"))' isSuppressed={@isSuppressed} phx-change="isSuppressed-changed">
  <Text template="label">...</Text>
</Element>

def handle_event("isSuppressed-changed", params, socket)

dialogSuppressionToggle(isSuppressed:)

isSuppressed: attr("...") for a Bool (required, change tracked)

See SwiftUI.View/dialogSuppressionToggle(isSuppressed:) for more details on this ViewModifier. Example:

<Element style='dialogSuppressionToggle(isSuppressed: attr("isSuppressed"))' isSuppressed={@isSuppressed} phx-change="isSuppressed-changed" />

def handle_event("isSuppressed-changed", params, socket)

digitalCrownAccessory

digitalCrownAccessory(content:)

content: ViewReference

See SwiftUI.View/digitalCrownAccessory(content:) for more details on this ViewModifier. Example:

<Element style="digitalCrownAccessory(content: :content)">
  <Child template="content" />
</Element>

digitalCrownAccessory(_:)

visibility: attr("...") or Visibility (required)

See SwiftUI.View/digitalCrownAccessory(_:) for more details on this ViewModifier. Example:

<Element style='digitalCrownAccessory(attr("visibility"))' visibility={@visibility} />

disabled

disabled(_:)

disabled: attr("...") or Bool (required)

See SwiftUI.View/disabled(_:) for more details on this ViewModifier. Example:

<Element style='disabled(attr("disabled"))' disabled={@disabled} />

drawingGroup

drawingGroup(opaque:colorMode:)

opaque: attr("...") or Bool
colorMode: ColorRenderingMode

See SwiftUI.View/drawingGroup(opaque:colorMode:) for more details on this ViewModifier. Example:

<Element style='drawingGroup(opaque: attr("opaque"), colorMode: .nonLinear)' opaque={@opaque} />

dynamicTypeSize

dynamicTypeSize(_:)

size: DynamicTypeSize (required)

See SwiftUI.View/dynamicTypeSize(_:) for more details on this ViewModifier. Example:

dynamicTypeSize(_:)

range: ParseableRangeExpression<DynamicTypeSize> (required)

See SwiftUI.View/dynamicTypeSize(_:) for more details on this ViewModifier. Example:

fileDialogCustomizationID

fileDialogCustomizationID(_:)

id: attr("...") or String (required)

See SwiftUI.View/fileDialogCustomizationID(_:) for more details on this ViewModifier. Example:

<Element style='fileDialogCustomizationID(attr("id"))' id={@id} />

fileDialogImportsUnresolvedAliases

fileDialogImportsUnresolvedAliases(_:)

imports: attr("...") or Bool (required)

See SwiftUI.View/fileDialogImportsUnresolvedAliases(_:) for more details on this ViewModifier. Example:

<Element style='fileDialogImportsUnresolvedAliases(attr("imports"))' imports={@imports} />

fill

fill(_:style:)

content: AnyShapeStyle
style: FillStyle

See SwiftUI.Shape/fill(_:style:) for more details on this ViewModifier. Example:

# stylesheet
"example" do
  fill(AnyShapeStyle, style: FillStyle)
end

findDisabled

findDisabled(_:)

isDisabled: attr("...") or Bool

See SwiftUI.View/findDisabled(_:) for more details on this ViewModifier. Example:

<Element style='findDisabled(attr("isDisabled"))' isDisabled={@isDisabled} />

findNavigator

findNavigator(isPresented:)

isPresented: attr("...") for a Bool (required, change tracked)

See SwiftUI.View/findNavigator(isPresented:) for more details on this ViewModifier. Example:

<Element style='findNavigator(isPresented: attr("isPresented"))' isPresented={@isPresented} phx-change="isPresented-changed" />

def handle_event("isPresented-changed", params, socket)

fixedSize

fixedSize(horizontal:vertical:)

horizontal: attr("...") or Bool (required)
vertical: attr("...") or Bool (required)

See SwiftUI.View/fixedSize(horizontal:vertical:) for more details on this ViewModifier. Example:

<Element style='fixedSize(horizontal: attr("horizontal"), vertical: attr("vertical"))' horizontal={@horizontal} vertical={@vertical} />

fixedSize()

See SwiftUI.View/fixedSize() for more details on this ViewModifier. Example:

flipsForRightToLeftLayoutDirection

flipsForRightToLeftLayoutDirection(_:)

enabled: attr("...") or Bool (required)

See SwiftUI.View/flipsForRightToLeftLayoutDirection(_:) for more details on this ViewModifier. Example:

<Element style='flipsForRightToLeftLayoutDirection(attr("enabled"))' enabled={@enabled} />

focusEffectDisabled

focusEffectDisabled(_:)

disabled: attr("...") or Bool

See SwiftUI.View/focusEffectDisabled(_:) for more details on this ViewModifier. Example:

<Element style='focusEffectDisabled(attr("disabled"))' disabled={@disabled} />

focusScope

focusScope(_:)

namespace: attr("...") or String (required)

See SwiftUI.View/focusScope(_:) for more details on this ViewModifier. Example:

<Element style='focusScope(attr("namespace"))' namespace={@namespace} />

focusSection

focusSection()

See SwiftUI.View/focusSection() for more details on this ViewModifier. Example:

focusable

focusable(_:)

isFocusable: attr("...") or Bool

See SwiftUI.View/focusable(_:) for more details on this ViewModifier. Example:

<Element style='focusable(attr("isFocusable"))' isFocusable={@isFocusable} />

focusable(_:interactions:)

isFocusable: attr("...") or Bool
interactions: FocusInteractions (required)

See SwiftUI.View/focusable(_:interactions:) for more details on this ViewModifier. Example:

<Element style='focusable(attr("isFocusable"), interactions: .activate)' isFocusable={@isFocusable} />

font

font(_:)

font: Font or nil

See SwiftUI.View/font(_:) for more details on this ViewModifier. Example:

# stylesheet
"example" do
  font(.body)
end

fontDesign

fontDesign(_:)

design: Font.Design or nil

See SwiftUI.View/fontDesign(_:) for more details on this ViewModifier. Example:

# stylesheet
"example" do
  fontDesign(.default)
end

fontWeight

fontWeight(_:)

weight: Font.Weight or nil

See SwiftUI.View/fontWeight(_:) for more details on this ViewModifier. Example:

# stylesheet
"example" do
  fontWeight(.ultraLight)
end

fontWidth

fontWidth(_:)

width: Font.Width or nil

See SwiftUI.View/fontWidth(_:) for more details on this ViewModifier. Example:

# stylesheet
"example" do
  fontWidth(.compressed)
end

foregroundStyle

foregroundStyle(_:)

style: AnyShapeStyle (required)

See SwiftUI.View/foregroundStyle(_:) for more details on this ViewModifier. Example:

# stylesheet
"example" do
  foregroundStyle(AnyShapeStyle)
end

foregroundStyle(::)

primary: AnyShapeStyle (required)
secondary: AnyShapeStyle (required)

See SwiftUI.View/foregroundStyle(_:_:) for more details on this ViewModifier. Example:

# stylesheet
"example" do
  foregroundStyle(AnyShapeStyle, AnyShapeStyle)
end

foregroundStyle(::_:)

primary: AnyShapeStyle (required)
secondary: AnyShapeStyle (required)
tertiary: AnyShapeStyle (required)

See SwiftUI.View/foregroundStyle(_:_:) for more details on this ViewModifier. Example:

# stylesheet
"example" do
  foregroundStyle(AnyShapeStyle, AnyShapeStyle, AnyShapeStyle)
end

formStyle

formStyle(_:)

style: AnyFormStyle (required)

See SwiftUI.View/formStyle(_:) for more details on this ViewModifier. Example:

frame

frame(depth:alignment:)

depth: attr("...") or CGFloat or nil (required)
alignment: SwiftUI/DepthAlignment

See SwiftUI.View/frame(depth:alignment:) for more details on this ViewModifier. Example:

<Element style='frame(depth: attr("depth"), alignment: _DepthAlignment_)' depth={@depth} />

frame(minDepth:idealDepth:maxDepth:alignment:)

minDepth: attr("...") or CGFloat or nil
idealDepth: attr("...") or CGFloat or nil
maxDepth: attr("...") or CGFloat or nil
alignment: SwiftUI/DepthAlignment

See SwiftUI.View/frame(minDepth:idealDepth:maxDepth:alignment:) for more details on this ViewModifier. Example:

<Element style='frame(minDepth: attr("minDepth"), idealDepth: attr("idealDepth"), maxDepth: attr("maxDepth"), alignment: _DepthAlignment_)' minDepth={@minDepth} idealDepth={@idealDepth} maxDepth={@maxDepth} />

frame(width:height:alignment:)

width: attr("...") or CGFloat or nil
height: attr("...") or CGFloat or nil
alignment: attr("...") or Alignment

See SwiftUI.View/frame(width:height:alignment:) for more details on this ViewModifier. Example:

<Element style='frame(width: attr("width"), height: attr("height"), alignment: attr("alignment"))' width={@width} height={@height} alignment={@alignment} />

frame()

See SwiftUI.View/frame() for more details on this ViewModifier. Example:

frame(minWidth:idealWidth:maxWidth:minHeight:idealHeight:maxHeight:alignment:)

minWidth: attr("...") or CGFloat or nil
idealWidth: attr("...") or CGFloat or nil
maxWidth: attr("...") or CGFloat or nil
minHeight: attr("...") or CGFloat or nil
idealHeight: attr("...") or CGFloat or nil
maxHeight: attr("...") or CGFloat or nil
alignment: attr("...") or Alignment

See SwiftUI.View/frame(minWidth:idealWidth:maxWidth:minHeight:idealHeight:maxHeight:alignment:) for more details on this ViewModifier. Example:

<Element style='frame(minWidth: attr("minWidth"), idealWidth: attr("idealWidth"), maxWidth: attr("maxWidth"), minHeight: attr("minHeight"), idealHeight: attr("idealHeight"), maxHeight: attr("maxHeight"), alignment: attr("alignment"))' minWidth={@minWidth} idealWidth={@idealWidth} maxWidth={@maxWidth} minHeight={@minHeight} idealHeight={@idealHeight} maxHeight={@maxHeight} alignment={@alignment} />

fullScreenCover

fullScreenCover(isPresented:onDismiss:content:)

isPresented: attr("...") for a Bool (required, change tracked)
onDismiss: event("...")
content: ViewReference

See SwiftUI.View/fullScreenCover(isPresented:onDismiss:content:) for more details on this ViewModifier. Example:

<Element style='fullScreenCover(isPresented: attr("isPresented"), onDismiss: event("onDismiss"), content: :content)' isPresented={@isPresented} phx-change="isPresented-changed">
  <Child template="content" />
</Element>

def handle_event("onDismiss", params, socket)
def handle_event("isPresented-changed", params, socket)

gaugeStyle

gaugeStyle(_:)

style: AnyGaugeStyle (required)

See SwiftUI.View/gaugeStyle(_:) for more details on this ViewModifier. Example:

geometryGroup

geometryGroup()

See SwiftUI.View/geometryGroup() for more details on this ViewModifier. Example:

gesture

gesture(_:including:)

gesture: _AnyGesture (required)
including: GestureMask

See SwiftUI.View/gesture(_:including:) for more details on this ViewModifier. Example:

glassBackgroundEffect

glassBackgroundEffect(displayMode:)

displayMode: SwiftUI/GlassBackgroundDisplayMode

See SwiftUI.View/glassBackgroundEffect(displayMode:) for more details on this ViewModifier. Example:

glassBackgroundEffect(in:displayMode:)

in: AnyInsettableShape (required)
displayMode: SwiftUI/GlassBackgroundDisplayMode

See SwiftUI.View/glassBackgroundEffect(in:displayMode:) for more details on this ViewModifier. Example:

grayscale

grayscale(_:)

amount: attr("...") or Double (required)

See SwiftUI.View/grayscale(_:) for more details on this ViewModifier. Example:

<Element style='grayscale(attr("amount"))' amount={@amount} />

gridCellAnchor

gridCellAnchor(_:)

anchor: attr("...") or UnitPoint (required)

See SwiftUI.View/gridCellAnchor(_:) for more details on this ViewModifier. Example:

<Element style='gridCellAnchor(attr("anchor"))' anchor={@anchor} />

gridCellColumns

gridCellColumns(_:)

count: attr("...") or Int (required)

See SwiftUI.View/gridCellColumns(_:) for more details on this ViewModifier. Example:

<Element style='gridCellColumns(attr("count"))' count={@count} />

gridCellUnsizedAxes

gridCellUnsizedAxes(_:)

axes: Axis.Set (required)

See SwiftUI.View/gridCellUnsizedAxes(_:) for more details on this ViewModifier. Example:

gridColumnAlignment

gridColumnAlignment(_:)

guide: attr("...") or HorizontalAlignment (required)

See SwiftUI.View/gridColumnAlignment(_:) for more details on this ViewModifier. Example:

<Element style='gridColumnAlignment(attr("guide"))' guide={@guide} />

groupBoxStyle

groupBoxStyle(_:)

style: AnyGroupBoxStyle (required)

See SwiftUI.View/groupBoxStyle(_:) for more details on this ViewModifier. Example:

headerProminence

headerProminence(_:)

prominence: Prominence (required)

See SwiftUI.View/headerProminence(_:) for more details on this ViewModifier. Example:

help

help(_:)

textKey: SwiftUI/LocalizedStringKey (required)

See SwiftUI.View/help(_:) for more details on this ViewModifier. Example:

help(_:)

text: TextReference (required)

See SwiftUI.View/help(_:) for more details on this ViewModifier. Example:

<Element style="help(:text)">
  <Text template="text">...</Text>
</Element>

help(_:)

text: attr("...") or String (required)

See SwiftUI.View/help(_:) for more details on this ViewModifier. Example:

<Element style='help(attr("text"))' text={@text} />

hidden

hidden()

See SwiftUI.View/hidden() for more details on this ViewModifier. Example:

highPriorityGesture

highPriorityGesture(_:including:)

gesture: _AnyGesture (required)
including: GestureMask

See SwiftUI.View/highPriorityGesture(_:including:) for more details on this ViewModifier. Example:

horizontalRadioGroupLayout

horizontalRadioGroupLayout()

See SwiftUI.View/horizontalRadioGroupLayout() for more details on this ViewModifier. Example:

hoverEffect

hoverEffect(_:)

effect: HoverEffect

See SwiftUI.View/hoverEffect(_:) for more details on this ViewModifier. Example:

hoverEffect(_:isEnabled:)

effect: HoverEffect
isEnabled: attr("...") or Bool

See SwiftUI.View/hoverEffect(_:isEnabled:) for more details on this ViewModifier. Example:

<Element style='hoverEffect(.automatic, isEnabled: attr("isEnabled"))' isEnabled={@isEnabled} />

hoverEffectDisabled

hoverEffectDisabled(_:)

disabled: attr("...") or Bool

See SwiftUI.View/hoverEffectDisabled(_:) for more details on this ViewModifier. Example:

<Element style='hoverEffectDisabled(attr("disabled"))' disabled={@disabled} />

hueRotation

hueRotation(_:)

angle: attr("...") or Angle (required)

See SwiftUI.View/hueRotation(_:) for more details on this ViewModifier. Example:

<Element style='hueRotation(attr("angle"))' angle={@angle} />

ignoresSafeArea

ignoresSafeArea(_:edges:)

regions: SafeAreaRegions
edges: Edge.Set

See SwiftUI.View/ignoresSafeArea(_:edges:) for more details on this ViewModifier. Example:

imageScale

imageScale(_:)

scale: Image.Scale (required)

See SwiftUI.View/imageScale(_:) for more details on this ViewModifier. Example:

indexViewStyle

indexViewStyle(_:)

style: AnyIndexViewStyle (required)

See SwiftUI.View/indexViewStyle(_:) for more details on this ViewModifier. Example:

inspector

inspector(isPresented:content:)

isPresented: attr("...") for a Bool (required, change tracked)
content: ViewReference

See SwiftUI.View/inspector(isPresented:content:) for more details on this ViewModifier. Example:

<Element style='inspector(isPresented: attr("isPresented"), content: :content)' isPresented={@isPresented} phx-change="isPresented-changed">
  <Child template="content" />
</Element>

def handle_event("isPresented-changed", params, socket)

inspectorColumnWidth

inspectorColumnWidth(min:ideal:max:)

min: attr("...") or CGFloat or nil
ideal: attr("...") or CGFloat (required)
max: attr("...") or CGFloat or nil

See SwiftUI.View/inspectorColumnWidth(min:ideal:max:) for more details on this ViewModifier. Example:

<Element style='inspectorColumnWidth(min: attr("min"), ideal: attr("ideal"), max: attr("max"))' min={@min} ideal={@ideal} max={@max} />

inspectorColumnWidth(_:)

width: attr("...") or CGFloat (required)

See SwiftUI.View/inspectorColumnWidth(_:) for more details on this ViewModifier. Example:

<Element style='inspectorColumnWidth(attr("width"))' width={@width} />

interactionActivityTrackingTag

interactionActivityTrackingTag(_:)

tag: attr("...") or String (required)

See SwiftUI.View/interactionActivityTrackingTag(_:) for more details on this ViewModifier. Example:

<Element style='interactionActivityTrackingTag(attr("tag"))' tag={@tag} />

interactiveDismissDisabled

interactiveDismissDisabled(_:)

isDisabled: attr("...") or Bool

See SwiftUI.View/interactiveDismissDisabled(_:) for more details on this ViewModifier. Example:

<Element style='interactiveDismissDisabled(attr("isDisabled"))' isDisabled={@isDisabled} />

intersection

intersection(_:eoFill:)

other: AnyShape (required)
eoFill: Bool

See SwiftUI.Shape/intersection(_:eoFill:) for more details on this ViewModifier. Example:

# stylesheet
"example" do
  intersection(.rect, eoFill: false)
end

invalidatableContent

invalidatableContent(_:)

invalidatable: attr("...") or Bool

See SwiftUI.View/invalidatableContent(_:) for more details on this ViewModifier. Example:

<Element style='invalidatableContent(attr("invalidatable"))' invalidatable={@invalidatable} />

italic

italic(_:)

isActive: attr("...") or Bool

See SwiftUI.View/italic(_:) for more details on this ViewModifier. Example:

<Element style='italic(attr("isActive"))' isActive={@isActive} />

kerning

kerning(_:)

kerning: attr("...") or CGFloat (required)

See SwiftUI.View/kerning(_:) for more details on this ViewModifier. Example:

<Element style='kerning(attr("kerning"))' kerning={@kerning} />

keyboardShortcut

keyboardShortcut(_:modifiers:)

key: KeyEquivalent (required)
modifiers: EventModifiers

See SwiftUI.View/keyboardShortcut(_:modifiers:) for more details on this ViewModifier. Example:

keyboardShortcut(_:)

shortcut: KeyboardShortcut (required)

See SwiftUI.View/keyboardShortcut(_:) for more details on this ViewModifier. Example:

keyboardShortcut(_:)

shortcut: KeyboardShortcut or nil (required)

See SwiftUI.View/keyboardShortcut(_:) for more details on this ViewModifier. Example:

keyboardShortcut(_:modifiers:localization:)

key: KeyEquivalent (required)
modifiers: EventModifiers
localization: KeyboardShortcut.Localization (required)

See SwiftUI.View/keyboardShortcut(_:modifiers:localization:) for more details on this ViewModifier. Example:

keyboardType

keyboardType(_:)

type: UIKeyboardType (required)

See SwiftUI.View/keyboardType(_:) for more details on this ViewModifier. Example:

labelStyle

labelStyle(_:)

style: AnyLabelStyle (required)

See SwiftUI.View/labelStyle(_:) for more details on this ViewModifier. Example:

labeledContentStyle

labeledContentStyle(_:)

style: AnyLabeledContentStyle (required)

See SwiftUI.View/labeledContentStyle(_:) for more details on this ViewModifier. Example:

labelsHidden

labelsHidden()

See SwiftUI.View/labelsHidden() for more details on this ViewModifier. Example:

layoutPriority

layoutPriority(_:)

value: attr("...") or Double (required)

See SwiftUI.View/layoutPriority(_:) for more details on this ViewModifier. Example:

<Element style='layoutPriority(attr("value"))' value={@value} />

lineIntersection

lineIntersection(_:eoFill:)

other: AnyShape (required)
eoFill: Bool

See SwiftUI.Shape/lineIntersection(_:eoFill:) for more details on this ViewModifier. Example:

# stylesheet
"example" do
  lineIntersection(.rect, eoFill: false)
end

lineLimit

lineLimit(_:)

number: attr("...") or Int or nil (required)

See SwiftUI.View/lineLimit(_:) for more details on this ViewModifier. Example:

<Element style='lineLimit(attr("number"))' number={@number} />

lineLimit(_:)

limit: PartialRangeFrom (required)

See SwiftUI.View/lineLimit(_:) for more details on this ViewModifier. Example:

lineLimit(_:)

limit: PartialRangeThrough (required)

See SwiftUI.View/lineLimit(_:) for more details on this ViewModifier. Example:

lineLimit(_:)

limit: ClosedRange (required)

See SwiftUI.View/lineLimit(_:) for more details on this ViewModifier. Example:

lineLimit(_:reservesSpace:)

limit: attr("...") or Int (required)
reservesSpace: attr("...") or Bool (required)

See SwiftUI.View/lineLimit(_:reservesSpace:) for more details on this ViewModifier. Example:

<Element style='lineLimit(attr("limit"), reservesSpace: attr("reservesSpace"))' limit={@limit} reservesSpace={@reservesSpace} />

lineSpacing

lineSpacing(_:)

lineSpacing: attr("...") or CGFloat (required)

See SwiftUI.View/lineSpacing(_:) for more details on this ViewModifier. Example:

<Element style='lineSpacing(attr("lineSpacing"))' lineSpacing={@lineSpacing} />

lineSubtraction

lineSubtraction(_:eoFill:)

other: AnyShape (required)
eoFill: Bool

See SwiftUI.Shape/lineSubtraction(_:eoFill:) for more details on this ViewModifier. Example:

# stylesheet
"example" do
  lineSubtraction(.rect, eoFill: false)
end

listItemTint

listItemTint(_:)

tint: ListItemTint/Resolvable or nil (required)

See SwiftUI.View/listItemTint(_:) for more details on this ViewModifier. Example:

listItemTint(_:)

tint: Color/Resolvable or nil (required)

See SwiftUI.View/listItemTint(_:) for more details on this ViewModifier. Example:

listRowBackground

listRowBackground(_:)

view: InlineViewReference (required)

See SwiftUI.View/listRowBackground(_:) for more details on this ViewModifier. Example:

listRowHoverEffect

listRowHoverEffect(_:)

effect: HoverEffect or nil (required)

See SwiftUI.View/listRowHoverEffect(_:) for more details on this ViewModifier. Example:

listRowHoverEffectDisabled

listRowHoverEffectDisabled(_:)

disabled: attr("...") or Bool

See SwiftUI.View/listRowHoverEffectDisabled(_:) for more details on this ViewModifier. Example:

<Element style='listRowHoverEffectDisabled(attr("disabled"))' disabled={@disabled} />

listRowInsets

listRowInsets(_:)

insets: EdgeInsets or nil (required)

See SwiftUI.View/listRowInsets(_:) for more details on this ViewModifier. Example:

listRowSeparator

listRowSeparator(_:edges:)

visibility: attr("...") or Visibility (required)
edges: VerticalEdge.Set

See SwiftUI.View/listRowSeparator(_:edges:) for more details on this ViewModifier. Example:

<Element style='listRowSeparator(attr("visibility"), edges: _Set_)' visibility={@visibility} />

listRowSeparatorTint

listRowSeparatorTint(_:edges:)

color: Color/Resolvable or nil (required)
edges: VerticalEdge.Set

See SwiftUI.View/listRowSeparatorTint(_:edges:) for more details on this ViewModifier. Example:

listRowSpacing

listRowSpacing(_:)

spacing: attr("...") or CGFloat or nil (required)

See SwiftUI.View/listRowSpacing(_:) for more details on this ViewModifier. Example:

<Element style='listRowSpacing(attr("spacing"))' spacing={@spacing} />

listSectionSeparator

listSectionSeparator(_:edges:)

visibility: attr("...") or Visibility (required)
edges: VerticalEdge.Set

See SwiftUI.View/listSectionSeparator(_:edges:) for more details on this ViewModifier. Example:

<Element style='listSectionSeparator(attr("visibility"), edges: _Set_)' visibility={@visibility} />

listSectionSeparatorTint

listSectionSeparatorTint(_:edges:)

color: Color/Resolvable or nil (required)
edges: VerticalEdge.Set

See SwiftUI.View/listSectionSeparatorTint(_:edges:) for more details on this ViewModifier. Example:

listSectionSpacing

listSectionSpacing(_:)

spacing: ListSectionSpacing (required)

See SwiftUI.View/listSectionSpacing(_:) for more details on this ViewModifier. Example:

listSectionSpacing(_:)

spacing: attr("...") or CGFloat (required)

See SwiftUI.View/listSectionSpacing(_:) for more details on this ViewModifier. Example:

<Element style='listSectionSpacing(attr("spacing"))' spacing={@spacing} />

listStyle

listStyle(_:)

style: AnyListStyle (required)

See SwiftUI.View/listStyle(_:) for more details on this ViewModifier. Example:

luminanceToAlpha

luminanceToAlpha()

See SwiftUI.View/luminanceToAlpha() for more details on this ViewModifier. Example:

mask

mask(alignment:mask:)

alignment: Alignment
mask: ViewReference (required)

See SwiftUI.View/mask(alignment:mask:) for more details on this ViewModifier. Example:

<Element style='mask(alignment: .center, mask: :mask)'>
  <Child template="mask" />
</Element>

matchedGeometryEffect

matchedGeometryEffect(id:in:properties:anchor:isSource:)

id: attr("...") or String (required)
in: attr("...") or String (required)
properties: MatchedGeometryProperties
anchor: UnitPoint
isSource: attr("...") or Bool

See SwiftUI.View/matchedGeometryEffect(id:in:properties:anchor:isSource:) for more details on this ViewModifier. Example:

<Element style='matchedGeometryEffect(id: attr("id"), in: attr("namespace"), properties: .frame, anchor: .center, isSource: attr("isSource"))' id={@id} namespace={@namespace} isSource={@isSource} />

menuIndicator

menuIndicator(_:)

visibility: attr("...") or Visibility (required)

See SwiftUI.View/menuIndicator(_:) for more details on this ViewModifier. Example:

<Element style='menuIndicator(attr("visibility"))' visibility={@visibility} />

menuOrder

menuOrder(_:)

order: MenuOrder (required)

See SwiftUI.View/menuOrder(_:) for more details on this ViewModifier. Example:

menuStyle

menuStyle(_:)

style: AnyMenuStyle (required)

See SwiftUI.View/menuStyle(_:) for more details on this ViewModifier. Example:

minimumScaleFactor

minimumScaleFactor(_:)

factor: attr("...") or CGFloat (required)

See SwiftUI.View/minimumScaleFactor(_:) for more details on this ViewModifier. Example:

<Element style='minimumScaleFactor(attr("factor"))' factor={@factor} />

monospaced

monospaced(_:)

isActive: attr("...") or Bool

See SwiftUI.View/monospaced(_:) for more details on this ViewModifier. Example:

<Element style='monospaced(attr("isActive"))' isActive={@isActive} />

monospacedDigit

monospacedDigit()

See SwiftUI.View/monospacedDigit() for more details on this ViewModifier. Example:

# stylesheet
"example" do
  monospacedDigit()
end

moveDisabled

moveDisabled(_:)

isDisabled: attr("...") or Bool (required)

See SwiftUI.View/moveDisabled(_:) for more details on this ViewModifier. Example:

<Element style='moveDisabled(attr("isDisabled"))' isDisabled={@isDisabled} />

multilineTextAlignment

multilineTextAlignment(_:)

alignment: TextAlignment (required)

See SwiftUI.View/multilineTextAlignment(_:) for more details on this ViewModifier. Example:

navigationBarBackButtonHidden

navigationBarBackButtonHidden(_:)

hidesBackButton: attr("...") or Bool

See SwiftUI.View/navigationBarBackButtonHidden(_:) for more details on this ViewModifier. Example:

<Element style='navigationBarBackButtonHidden(attr("hidesBackButton"))' hidesBackButton={@hidesBackButton} />

navigationBarTitleDisplayMode

navigationBarTitleDisplayMode(_:)

displayMode: NavigationBarItem.TitleDisplayMode (required)

See SwiftUI.View/navigationBarTitleDisplayMode(_:) for more details on this ViewModifier. Example:

navigationDestination

navigationDestination(isPresented:destination:)

isPresented: attr("...") for a Bool (required, change tracked)
destination: ViewReference

See SwiftUI.View/navigationDestination(isPresented:destination:) for more details on this ViewModifier. Example:

<Element style='navigationDestination(isPresented: attr("isPresented"), destination: :destination)' isPresented={@isPresented} phx-change="isPresented-changed">
  <Child template="destination" />
</Element>

def handle_event("isPresented-changed", params, socket)

navigationSplitViewColumnWidth

navigationSplitViewColumnWidth(_:)

width: attr("...") or CGFloat (required)

See SwiftUI.View/navigationSplitViewColumnWidth(_:) for more details on this ViewModifier. Example:

<Element style='navigationSplitViewColumnWidth(attr("width"))' width={@width} />

navigationSplitViewColumnWidth(min:ideal:max:)

min: attr("...") or CGFloat or nil
ideal: attr("...") or CGFloat (required)
max: attr("...") or CGFloat or nil

See SwiftUI.View/navigationSplitViewColumnWidth(min:ideal:max:) for more details on this ViewModifier. Example:

<Element style='navigationSplitViewColumnWidth(min: attr("min"), ideal: attr("ideal"), max: attr("max"))' min={@min} ideal={@ideal} max={@max} />

navigationSplitViewStyle

navigationSplitViewStyle(_:)

style: AnyNavigationSplitViewStyle (required)

See SwiftUI.View/navigationSplitViewStyle(_:) for more details on this ViewModifier. Example:

navigationSubtitle

navigationSubtitle(_:)

subtitle: TextReference (required)

See SwiftUI.View/navigationSubtitle(_:) for more details on this ViewModifier. Example:

<Element style="navigationSubtitle(:subtitle)">
  <Text template="subtitle">...</Text>
</Element>

navigationSubtitle(_:)

subtitleKey: SwiftUI/LocalizedStringKey (required)

See SwiftUI.View/navigationSubtitle(_:) for more details on this ViewModifier. Example:

navigationSubtitle(_:)

subtitle: attr("...") or String (required)

See SwiftUI.View/navigationSubtitle(_:) for more details on this ViewModifier. Example:

<Element style='navigationSubtitle(attr("subtitle"))' subtitle={@subtitle} />

navigationTitle

navigationTitle(_:)

title: TextReference (required)

See SwiftUI.View/navigationTitle(_:) for more details on this ViewModifier. Example:

<Element style="navigationTitle(:title)">
  <Text template="title">...</Text>
</Element>

navigationTitle(_:)

titleKey: SwiftUI/LocalizedStringKey (required)

See SwiftUI.View/navigationTitle(_:) for more details on this ViewModifier. Example:

navigationTitle(_:)

title: attr("...") or String (required)

See SwiftUI.View/navigationTitle(_:) for more details on this ViewModifier. Example:

<Element style='navigationTitle(attr("title"))' title={@title} />

navigationTitle(_:)

title: ViewReference

See SwiftUI.View/navigationTitle(_:) for more details on this ViewModifier. Example:

<Element style="navigationTitle(:title)">
  <Child template="title" />
</Element>

navigationTitle(_:)

title: attr("...") for a String (required, change tracked)

See SwiftUI.View/navigationTitle(_:) for more details on this ViewModifier. Example:

<Element style='navigationTitle(attr("title"))' title={@title} phx-change="title-changed" />

def handle_event("title-changed", params, socket)

offset

offset(_:)

offset: CoreFoundation/CGSize (required)

See SwiftUI.View/offset(_:) for more details on this ViewModifier. Example:

offset(x:y:)

x: attr("...") or CGFloat
y: attr("...") or CGFloat

See SwiftUI.View/offset(x:y:) for more details on this ViewModifier. Example:

<Element style='offset(x: attr("x"), y: attr("y"))' x={@x} y={@y} />

offset(z:)

z: attr("...") or CGFloat (required)

See SwiftUI.View/offset(z:) for more details on this ViewModifier. Example:

<Element style='offset(z: attr("z"))' z={@z} />

onAppear

onAppear(perform:)

perform: event("...")

See SwiftUI.View/onAppear(perform:) for more details on this ViewModifier. Example:

def handle_event("perform", params, socket)

onDeleteCommand

onDeleteCommand(perform:)

perform: event("...")

See SwiftUI.View/onDeleteCommand(perform:) for more details on this ViewModifier. Example:

def handle_event("perform", params, socket)

onDisappear

onDisappear(perform:)

perform: event("...")

See SwiftUI.View/onDisappear(perform:) for more details on this ViewModifier. Example:

def handle_event("perform", params, socket)

onExitCommand

onExitCommand(perform:)

perform: event("...")

See SwiftUI.View/onExitCommand(perform:) for more details on this ViewModifier. Example:

def handle_event("perform", params, socket)

onHover

onHover(perform:)

perform: event("...") (required)

See SwiftUI.View/onHover(perform:) for more details on this ViewModifier. Example:

def handle_event("perform", params, socket)

onLongPressGesture

onLongPressGesture(minimumDuration:maximumDistance:perform:onPressingChanged:)

minimumDuration: attr("...") or Double
maximumDistance: attr("...") or CGFloat
perform: event("...") (required)
onPressingChanged: event("...")

See SwiftUI.View/onLongPressGesture(minimumDuration:maximumDistance:perform:onPressingChanged:) for more details on this ViewModifier. Example:

<Element style='onLongPressGesture(minimumDuration: attr("minimumDuration"), maximumDistance: attr("maximumDistance"), perform: event("perform"), onPressingChanged: event("onPressingChanged"))' minimumDuration={@minimumDuration} maximumDistance={@maximumDistance} />

def handle_event("perform", params, socket)
def handle_event("onPressingChanged", params, socket)

onLongPressGesture(minimumDuration:perform:onPressingChanged:)

minimumDuration: attr("...") or Double
perform: event("...") (required)
onPressingChanged: event("...")

See SwiftUI.View/onLongPressGesture(minimumDuration:perform:onPressingChanged:) for more details on this ViewModifier. Example:

<Element style='onLongPressGesture(minimumDuration: attr("minimumDuration"), perform: event("perform"), onPressingChanged: event("onPressingChanged"))' minimumDuration={@minimumDuration} />

def handle_event("perform", params, socket)
def handle_event("onPressingChanged", params, socket)

onLongTouchGesture

onLongTouchGesture(minimumDuration:perform:onTouchingChanged:)

minimumDuration: attr("...") or Double
perform: event("...") (required)
onTouchingChanged: event("...")

See SwiftUI.View/onLongTouchGesture(minimumDuration:perform:onTouchingChanged:) for more details on this ViewModifier. Example:

<Element style='onLongTouchGesture(minimumDuration: attr("minimumDuration"), perform: event("perform"), onTouchingChanged: event("onTouchingChanged"))' minimumDuration={@minimumDuration} />

def handle_event("perform", params, socket)
def handle_event("onTouchingChanged", params, socket)

onMoveCommand

onMoveCommand(perform:)

perform: event("...")

See SwiftUI.View/onMoveCommand(perform:) for more details on this ViewModifier. Example:

def handle_event("perform", params, socket)

onPlayPauseCommand

onPlayPauseCommand(perform:)

perform: event("...")

See SwiftUI.View/onPlayPauseCommand(perform:) for more details on this ViewModifier. Example:

def handle_event("perform", params, socket)

onSubmit

onSubmit(of:action:)

of: SubmitTriggers
action: event("...") (required)

See SwiftUI.View/onSubmit(of:action:) for more details on this ViewModifier. Example:

# stylesheet
"example" do
  onSubmit(of: .text, action: event("action"))
end

# LiveView
def handle_event("action", params, socket)

onTapGesture

onTapGesture(count:perform:)

count: attr("...") or Int
perform: event("...") (required)

See SwiftUI.View/onTapGesture(count:perform:) for more details on this ViewModifier. Example:

<Element style='onTapGesture(count: attr("count"), perform: event("perform"))' count={@count} />

def handle_event("perform", params, socket)

onTapGesture(count:coordinateSpace:perform:)

count: attr("...") or Int
coordinateSpace: AnyCoordinateSpaceProtocol
perform: event("...") (required)

See SwiftUI.View/onTapGesture(count:coordinateSpace:perform:) for more details on this ViewModifier. Example:

<Element style='onTapGesture(count: attr("count"), coordinateSpace: _AnyCoordinateSpaceProtocol_, perform: event("perform"))' count={@count} />

def handle_event("perform", params, socket)

opacity

opacity(_:)

opacity: attr("...") or Double (required)

See SwiftUI.View/opacity(_:) for more details on this ViewModifier. Example:

<Element style='opacity(attr("opacity"))' opacity={@opacity} />

ornament

ornament(visibility:attachmentAnchor:contentAlignment:ornament:)

visibility: attr("...") or Visibility
attachmentAnchor: SwiftUI/OrnamentAttachmentAnchor (required)
contentAlignment: attr("...") or Alignment
ornament: ViewReference

See SwiftUI.View/ornament(visibility:attachmentAnchor:contentAlignment:ornament:) for more details on this ViewModifier. Example:

<Element style='ornament(visibility: attr("visibility"), attachmentAnchor: _OrnamentAttachmentAnchor_, contentAlignment: attr("contentAlignment"), ornament: :ornament)' visibility={@visibility} contentAlignment={@contentAlignment}>
  <Child template="ornament" />
</Element>

overlay

overlay(alignment:content:)

alignment: attr("...") or Alignment
content: ViewReference

See SwiftUI.View/overlay(alignment:content:) for more details on this ViewModifier. Example:

<Element style='overlay(alignment: attr("alignment"), content: :content)' alignment={@alignment}>
  <Child template="content" />
</Element>

overlay(_:ignoresSafeAreaEdges:)

style: AnyShapeStyle.Resolvable (required)
ignoresSafeAreaEdges: Edge.Set

See SwiftUI.View/overlay(_:ignoresSafeAreaEdges:) for more details on this ViewModifier. Example:

overlay(_:in:fillStyle:)

style: AnyShapeStyle.Resolvable (required)
in: AnyShape (required)
fillStyle: FillStyle

See SwiftUI.View/overlay(_:in:fillStyle:) for more details on this ViewModifier. Example:

padding

padding(_:)

insets: EdgeInsets (required)

See SwiftUI.View/padding(_:) for more details on this ViewModifier. Example:

padding(::)

edges: Edge.Set
length: attr("...") or CGFloat or nil

See SwiftUI.View/padding(_:_:) for more details on this ViewModifier. Example:

<Element style='padding(_Set_, attr("length"))' length={@length} />

padding(_:)

length: attr("...") or CGFloat (required)

See SwiftUI.View/padding(_:) for more details on this ViewModifier. Example:

<Element style='padding(attr("length"))' length={@length} />

padding3D

padding3D(_:)

insets: SwiftUI/EdgeInsets3D (required)

See SwiftUI.View/padding3D(_:) for more details on this ViewModifier. Example:

padding3D(::)

edges: SwiftUI/Edge3D/Set
length: attr("...") or CGFloat or nil

See SwiftUI.View/padding3D(_:_:) for more details on this ViewModifier. Example:

<Element style='padding3D(_Set_, attr("length"))' length={@length} />

padding3D(_:)

length: attr("...") or CGFloat (required)

See SwiftUI.View/padding3D(_:) for more details on this ViewModifier. Example:

<Element style='padding3D(attr("length"))' length={@length} />

persistentSystemOverlays

persistentSystemOverlays(_:)

visibility: attr("...") or Visibility (required)

See SwiftUI.View/persistentSystemOverlays(_:) for more details on this ViewModifier. Example:

<Element style='persistentSystemOverlays(attr("visibility"))' visibility={@visibility} />

pickerStyle

pickerStyle(_:)

style: AnyPickerStyle (required)

See SwiftUI.View/pickerStyle(_:) for more details on this ViewModifier. Example:

isPresented: attr("...") for a Bool (required, change tracked)
attachmentAnchor: PopoverAttachmentAnchor
arrowEdge: Edge
content: ViewReference

See SwiftUI.View/popover(isPresented:attachmentAnchor:arrowEdge:content:) for more details on this ViewModifier. Example:

<Element style='popover(isPresented: attr("isPresented"), attachmentAnchor: _PopoverAttachmentAnchor_, arrowEdge: _Edge_, content: :content)' isPresented={@isPresented} phx-change="isPresented-changed">
  <Child template="content" />
</Element>

def handle_event("isPresented-changed", params, socket)

position

position(_:)

position: CoreFoundation/CGPoint (required)

See SwiftUI.View/position(_:) for more details on this ViewModifier. Example:

position(x:y:)

x: attr("...") or CGFloat
y: attr("...") or CGFloat

See SwiftUI.View/position(x:y:) for more details on this ViewModifier. Example:

<Element style='position(x: attr("x"), y: attr("y"))' x={@x} y={@y} />

preferredColorScheme

preferredColorScheme(_:)

colorScheme: attr("...") or ColorScheme or nil (required)

See SwiftUI.View/preferredColorScheme(_:) for more details on this ViewModifier. Example:

<Element style='preferredColorScheme(attr("colorScheme"))' colorScheme={@colorScheme} />

preferredSurroundingsEffect

preferredSurroundingsEffect(_:)

effect: SwiftUI/SurroundingsEffect or nil (required)

See SwiftUI.View/preferredSurroundingsEffect(_:) for more details on this ViewModifier. Example:

prefersDefaultFocus

prefersDefaultFocus(_:in:)

prefersDefaultFocus: attr("...") or Bool (required)
in: attr("...") or String (required)

See SwiftUI.View/prefersDefaultFocus(_:in:) for more details on this ViewModifier. Example:

<Element style='prefersDefaultFocus(attr("prefersDefaultFocus"), in: attr("namespace"))' prefersDefaultFocus={@prefersDefaultFocus} namespace={@namespace} />

presentationBackground

presentationBackground(_:)

style: AnyShapeStyle.Resolvable (required)

See SwiftUI.View/presentationBackground(_:) for more details on this ViewModifier. Example:

presentationBackground(alignment:content:)

alignment: attr("...") or Alignment
content: ViewReference

See SwiftUI.View/presentationBackground(alignment:content:) for more details on this ViewModifier. Example:

<Element style='presentationBackground(alignment: attr("alignment"), content: :content)' alignment={@alignment}>
  <Child template="content" />
</Element>

presentationBackgroundInteraction

presentationBackgroundInteraction(_:)

interaction: PresentationBackgroundInteraction (required)

See SwiftUI.View/presentationBackgroundInteraction(_:) for more details on this ViewModifier. Example:

presentationCompactAdaptation

presentationCompactAdaptation(_:)

adaptation: PresentationAdaptation (required)

See SwiftUI.View/presentationCompactAdaptation(_:) for more details on this ViewModifier. Example:

presentationCompactAdaptation(horizontal:vertical:)

horizontal: PresentationAdaptation (required)
vertical: PresentationAdaptation (required)

See SwiftUI.View/presentationCompactAdaptation(horizontal:vertical:) for more details on this ViewModifier. Example:

presentationContentInteraction

presentationContentInteraction(_:)

behavior: PresentationContentInteraction (required)

See SwiftUI.View/presentationContentInteraction(_:) for more details on this ViewModifier. Example:

presentationCornerRadius

presentationCornerRadius(_:)

cornerRadius: attr("...") or CGFloat or nil (required)

See SwiftUI.View/presentationCornerRadius(_:) for more details on this ViewModifier. Example:

<Element style='presentationCornerRadius(attr("cornerRadius"))' cornerRadius={@cornerRadius} />

presentationDetents

presentationDetents(_:)

detents: Array of PresentationDetent (required)

See SwiftUI.View/presentationDetents(_:) for more details on this ViewModifier. Example:

# stylesheet
"example" do
  presentationDetents([.medium, .large])
end

presentationDragIndicator

presentationDragIndicator(_:)

visibility: attr("...") or Visibility (required)

See SwiftUI.View/presentationDragIndicator(_:) for more details on this ViewModifier. Example:

<Element style='presentationDragIndicator(attr("visibility"))' visibility={@visibility} />

previewDisplayName

previewDisplayName(_:)

value: attr("...") or String or nil (required)

See SwiftUI.View/previewDisplayName(_:) for more details on this ViewModifier. Example:

<Element style='previewDisplayName(attr("value"))' value={@value} />

privacySensitive

privacySensitive(_:)

sensitive: attr("...") or Bool

See SwiftUI.View/privacySensitive(_:) for more details on this ViewModifier. Example:

<Element style='privacySensitive(attr("sensitive"))' sensitive={@sensitive} />

progressViewStyle

progressViewStyle(_:)

style: AnyProgressViewStyle (required)

See SwiftUI.View/progressViewStyle(_:) for more details on this ViewModifier. Example:

projectionEffect

projectionEffect(_:)

transform: ProjectionTransform (required)

See SwiftUI.View/projectionEffect(_:) for more details on this ViewModifier. Example:

redacted

redacted(reason:)

reason: RedactionReasons (required)

See SwiftUI.View/redacted(reason:) for more details on this ViewModifier. Example:

refreshable

refreshable(action:)

action: event("...") (required)

See SwiftUI.View/refreshable(action:) for more details on this ViewModifier. Example:

def handle_event("action", params, socket)

renameAction

renameAction(_:)

action__0: event("...") (required)

See SwiftUI.View/renameAction(_:) for more details on this ViewModifier. Example:

def handle_event("action__0", params, socket)

renderingMode

renderingMode(_:)

renderingMode: Image.TemplateRenderingMode or nil (required)

See SwiftUI.Image/renderingMode(_:) for more details on this ViewModifier. Example:

# stylesheet
"example" do
  renderingMode(.template)
end

replaceDisabled

replaceDisabled(_:)

isDisabled: attr("...") or Bool

See SwiftUI.View/replaceDisabled(_:) for more details on this ViewModifier. Example:

<Element style='replaceDisabled(attr("isDisabled"))' isDisabled={@isDisabled} />

resizable

resizable(capInsets:resizingMode:)

capInsets: EdgeInsets
resizingMode: Image.ResizingMode

See SwiftUI.Image/resizable(capInsets:resizingMode:) for more details on this ViewModifier. Example:

# stylesheet
"example" do
  resizable(capInsets: EdgeInsets, resizingMode: .tile)
end

rotation

rotation(_:anchor:)

angle: Angle (required)
anchor: UnitPoint

See SwiftUI.Shape/rotation(_:anchor:) for more details on this ViewModifier. Example:

# stylesheet
"example" do
  rotation(.zero, style: .center)
end

rotation3DEffect

rotation3DEffect(_:axis:anchor:anchorZ:perspective:)

angle: Angle (required)
axis: Tuple with structure (x: CGFloat, y: CGFloat, z: CGFloat) (required)
anchor: UnitPoint
anchorZ: attr("...") or CGFloat
perspective: attr("...") or CGFloat

See SwiftUI.View/rotation3DEffect(_:axis:anchor:anchorZ:perspective:) for more details on this ViewModifier. Example:

<Element style='rotation3DEffect(.zero, axis: (x: 1, y: 0, z: 0), anchor: .center, anchorZ: attr("anchorZ"), perspective: attr("perspective"))' anchorZ={@anchorZ} perspective={@perspective} />

rotationEffect

rotationEffect(_:anchor:)

angle: attr("...") or Angle (required)
anchor: attr("...") or UnitPoint

See SwiftUI.View/rotationEffect(_:anchor:) for more details on this ViewModifier. Example:

<Element style='rotationEffect(attr("angle"), anchor: attr("anchor"))' angle={@angle} anchor={@anchor} />

safeAreaInset

safeAreaInset(edge:alignment:spacing:content:)

edge: VerticalEdge (required)
alignment: attr("...") or HorizontalAlignment
spacing: attr("...") or CGFloat or nil
content: ViewReference

See SwiftUI.View/safeAreaInset(edge:alignment:spacing:content:) for more details on this ViewModifier. Example:

<Element style='safeAreaInset(edge: .top, alignment: attr("alignment"), spacing: attr("spacing"), content: :content)' alignment={@alignment} spacing={@spacing}>
  <Child template="content" />
</Element>

safeAreaInset(edge:alignment:spacing:content:)

edge: HorizontalEdge (required)
alignment: attr("...") or VerticalAlignment
spacing: attr("...") or CGFloat or nil
content: ViewReference

See SwiftUI.View/safeAreaInset(edge:alignment:spacing:content:) for more details on this ViewModifier. Example:

<Element style='safeAreaInset(edge: .leading, alignment: attr("alignment"), spacing: attr("spacing"), content: :content)' alignment={@alignment} spacing={@spacing}>
  <Child template="content" />
</Element>

safeAreaPadding

safeAreaPadding(_:)

insets: EdgeInsets (required)

See SwiftUI.View/safeAreaPadding(_:) for more details on this ViewModifier. Example:

safeAreaPadding(::)

edges: Edge.Set
length: attr("...") or CGFloat or nil

See SwiftUI.View/safeAreaPadding(_:_:) for more details on this ViewModifier. Example:

<Element style='safeAreaPadding(_Set_, attr("length"))' length={@length} />

safeAreaPadding(_:)

length: attr("...") or CGFloat (required)

See SwiftUI.View/safeAreaPadding(_:) for more details on this ViewModifier. Example:

<Element style='safeAreaPadding(attr("length"))' length={@length} />

saturation

saturation(_:)

amount: attr("...") or Double (required)

See SwiftUI.View/saturation(_:) for more details on this ViewModifier. Example:

<Element style='saturation(attr("amount"))' amount={@amount} />

scale

scale(x:y:anchor:)

x: attr("...") or CGFloat
y: attr("...") or CGFloat
anchor: UnitPoint

See SwiftUI.Shape/scale(x:y:anchor:) for more details on this ViewModifier. Example:

<Element class='scale(x: attr("x"), y: attr("y"), anchor: .center)' x={@x} y={@y} />

scaleEffect

scaleEffect(_:anchor:)

scale: CoreFoundation/CGSize (required)
anchor: attr("...") or UnitPoint

See SwiftUI.View/scaleEffect(_:anchor:) for more details on this ViewModifier. Example:

<Element style='scaleEffect(_CGSize_, anchor: attr("anchor"))' anchor={@anchor} />

scaleEffect(_:anchor:)

s: attr("...") or CGFloat (required)
anchor: attr("...") or UnitPoint

See SwiftUI.View/scaleEffect(_:anchor:) for more details on this ViewModifier. Example:

<Element style='scaleEffect(attr("s"), anchor: attr("anchor"))' s={@s} anchor={@anchor} />

scaleEffect(x:y:anchor:)

x: attr("...") or CGFloat
y: attr("...") or CGFloat
anchor: attr("...") or UnitPoint

See SwiftUI.View/scaleEffect(x:y:anchor:) for more details on this ViewModifier. Example:

<Element style='scaleEffect(x: attr("x"), y: attr("y"), anchor: attr("anchor"))' x={@x} y={@y} anchor={@anchor} />

scaleEffect(_:anchor:)

scale: Spatial/Size3D (required)
anchor: SwiftUI/UnitPoint3D

See SwiftUI.View/scaleEffect(_:anchor:) for more details on this ViewModifier. Example:

scaleEffect(_:anchor:)

s: attr("...") or CGFloat (required)
anchor: SwiftUI/UnitPoint3D

See SwiftUI.View/scaleEffect(_:anchor:) for more details on this ViewModifier. Example:

<Element style='scaleEffect(attr("s"), anchor: _UnitPoint3D_)' s={@s} />

scaleEffect(x:y:z:anchor:)

x: attr("...") or CGFloat
y: attr("...") or CGFloat
z: attr("...") or CGFloat
anchor: SwiftUI/UnitPoint3D

See SwiftUI.View/scaleEffect(x:y:z:anchor:) for more details on this ViewModifier. Example:

<Element style='scaleEffect(x: attr("x"), y: attr("y"), z: attr("z"), anchor: _UnitPoint3D_)' x={@x} y={@y} z={@z} />

scaledToFill

scaledToFill()

See SwiftUI.View/scaledToFill() for more details on this ViewModifier. Example:

scaledToFit

scaledToFit()

See SwiftUI.View/scaledToFit() for more details on this ViewModifier. Example:

scenePadding

scenePadding(_:)

edges: Edge.Set

See SwiftUI.View/scenePadding(_:) for more details on this ViewModifier. Example:

scenePadding(_:edges:)

padding: ScenePadding (required)
edges: Edge.Set

See SwiftUI.View/scenePadding(_:edges:) for more details on this ViewModifier. Example:

scrollBounceBehavior

scrollBounceBehavior(_:axes:)

behavior: ScrollBounceBehavior (required)
axes: Axis.Set

See SwiftUI.View/scrollBounceBehavior(_:axes:) for more details on this ViewModifier. Example:

scrollClipDisabled

scrollClipDisabled(_:)

disabled: attr("...") or Bool

See SwiftUI.View/scrollClipDisabled(_:) for more details on this ViewModifier. Example:

<Element style='scrollClipDisabled(attr("disabled"))' disabled={@disabled} />

scrollContentBackground

scrollContentBackground(_:)

visibility: attr("...") or Visibility (required)

See SwiftUI.View/scrollContentBackground(_:) for more details on this ViewModifier. Example:

<Element style='scrollContentBackground(attr("visibility"))' visibility={@visibility} />

scrollDisabled

scrollDisabled(_:)

disabled: attr("...") or Bool (required)

See SwiftUI.View/scrollDisabled(_:) for more details on this ViewModifier. Example:

<Element style='scrollDisabled(attr("disabled"))' disabled={@disabled} />

scrollDismissesKeyboard

scrollDismissesKeyboard(_:)

mode: ScrollDismissesKeyboardMode (required)

See SwiftUI.View/scrollDismissesKeyboard(_:) for more details on this ViewModifier. Example:

scrollIndicators

scrollIndicators(_:axes:)

visibility: ScrollIndicatorVisibility (required)
axes: Axis.Set

See SwiftUI.View/scrollIndicators(_:axes:) for more details on this ViewModifier. Example:

scrollIndicatorsFlash

scrollIndicatorsFlash(trigger:)

trigger: attr("...") or String (required)

See SwiftUI.View/scrollIndicatorsFlash(trigger:) for more details on this ViewModifier. Example:

<Element style='scrollIndicatorsFlash(trigger: attr("trigger"))' trigger={@trigger} />

scrollIndicatorsFlash(onAppear:)

onAppear: attr("...") or Bool (required)

See SwiftUI.View/scrollIndicatorsFlash(onAppear:) for more details on this ViewModifier. Example:

<Element style='scrollIndicatorsFlash(onAppear: attr("onAppear"))' onAppear={@onAppear} />

scrollPosition

scrollPosition(id:anchor:)

id: attr("...") for a String or nil (required, change tracked)
anchor: attr("...") or UnitPoint or nil

See SwiftUI.View/scrollPosition(id:anchor:) for more details on this ViewModifier. Example:

<Element style='scrollPosition(id: attr("id"), anchor: attr("anchor"))' id={@id} anchor={@anchor} phx-change="id-changed" />

def handle_event("id-changed", params, socket)

scrollTargetBehavior

scrollTargetBehavior(_:)

behavior: AnyScrollTargetBehavior (required)

See SwiftUI.View/scrollTargetBehavior(_:) for more details on this ViewModifier. Example:

scrollTargetLayout

scrollTargetLayout(isEnabled:)

isEnabled: attr("...") or Bool

See SwiftUI.View/scrollTargetLayout(isEnabled:) for more details on this ViewModifier. Example:

<Element style='scrollTargetLayout(isEnabled: attr("isEnabled"))' isEnabled={@isEnabled} />

searchCompletion

searchCompletion(_:)

token: atom (required)

See SwiftUI.View/searchCompletion(_:) for more details on this ViewModifier. Example:

<Element style="searchCompletion(:token)" />

searchCompletion(_:)

completion: attr("...") or String (required)

See SwiftUI.View/searchCompletion(_:) for more details on this ViewModifier. Example:

<Element style='searchCompletion(attr("completion"))' completion={@completion} />

searchDictationBehavior

searchDictationBehavior(_:)

dictationBehavior: TextInputDictationBehavior (required)

See SwiftUI.View/searchDictationBehavior(_:) for more details on this ViewModifier. Example:

searchPresentationToolbarBehavior

searchPresentationToolbarBehavior(_:)

behavior: SearchPresentationToolbarBehavior (required)

See SwiftUI.View/searchPresentationToolbarBehavior(_:) for more details on this ViewModifier. Example:

searchScopes

searchScopes(_:activation:scopes:)

scope: attr("...") for a String (required, change tracked)
activation: SearchScopeActivation (required)
scopes: ViewReference (required)

See SwiftUI.View/searchScopes(_:activation:scopes:) for more details on this ViewModifier. Example:

<Element style='searchScopes(attr("scope"), activation: .automatic, scopes: :scopes)' scope={@scope} phx-change="scope">
  <Child template="scopes" />
</Element>

def handle_event("scope", params, socket)

searchScopes(_:scopes:)

scope: attr("...") for a String (required, change tracked)
scopes: ViewReference (required)

See SwiftUI.View/searchScopes(_:scopes:) for more details on this ViewModifier. Example:

<Element style='searchScopes(attr("scope"), scopes: :scopes)' scope={@scope} phx-change="scope">
  <Child template="scopes" />
</Element>

def handle_event("scope", params, socket)

searchSuggestions

searchSuggestions(_:)

suggestions: ViewReference

See SwiftUI.View/searchSuggestions(_:) for more details on this ViewModifier. Example:

<Element style="searchSuggestions(:suggestions)">
  <Child template="suggestions" />
</Element>

searchSuggestions(_:for:)

visibility: attr("...") or Visibility (required)
for: SearchSuggestionsPlacement.Set (required)

See SwiftUI.View/searchSuggestions(_:for:) for more details on this ViewModifier. Example:

<Element style='searchSuggestions(attr("visibility"), for: _Set_)' visibility={@visibility} />

searchable

searchable(text:placement:prompt:)

text: attr("...") for a String (required, change tracked)
placement: SearchFieldPlacement
prompt: TextReference or nil

See SwiftUI.View/searchable(text:placement:prompt:) for more details on this ViewModifier. Example:

<Element style='searchable(text: attr("text"), placement: _SearchFieldPlacement_, prompt: :prompt)' text={@text} phx-change="text-changed">
  <Text template="prompt">...</Text>
</Element>

def handle_event("text-changed", params, socket)

searchable(text:placement:prompt:)

text: attr("...") for a String (required, change tracked)
placement: SearchFieldPlacement
prompt: SwiftUI/LocalizedStringKey (required)

See SwiftUI.View/searchable(text:placement:prompt:) for more details on this ViewModifier. Example:

<Element style='searchable(text: attr("text"), placement: _SearchFieldPlacement_, prompt: _LocalizedStringKey_)' text={@text} phx-change="text-changed" />

def handle_event("text-changed", params, socket)

searchable(text:placement:prompt:)

text: attr("...") for a String (required, change tracked)
placement: SearchFieldPlacement
prompt: attr("...") or String (required)

See SwiftUI.View/searchable(text:placement:prompt:) for more details on this ViewModifier. Example:

<Element style='searchable(text: attr("text"), placement: _SearchFieldPlacement_, prompt: attr("prompt"))' text={@text} prompt={@prompt} phx-change="text-changed" />

def handle_event("text-changed", params, socket)

searchable(text:isPresented:placement:prompt:)

text: attr("...") for a String (required, change tracked)
isPresented: attr("...") for a Bool (required, change tracked)
placement: SearchFieldPlacement
prompt: TextReference or nil

See SwiftUI.View/searchable(text:isPresented:placement:prompt:) for more details on this ViewModifier. Example:

<Element style='searchable(text: attr("text"), isPresented: attr("isPresented"), placement: _SearchFieldPlacement_, prompt: :prompt)' text={@text} isPresented={@isPresented} phx-change="searchable-changed">
  <Text template="prompt">...</Text>
</Element>

def handle_event("searchable-changed", params, socket)

searchable(text:isPresented:placement:prompt:)

text: attr("...") for a String (required, change tracked)
isPresented: attr("...") for a Bool (required, change tracked)
placement: SearchFieldPlacement
prompt: SwiftUI/LocalizedStringKey (required)

See SwiftUI.View/searchable(text:isPresented:placement:prompt:) for more details on this ViewModifier. Example:

<Element style='searchable(text: attr("text"), isPresented: attr("isPresented"), placement: _SearchFieldPlacement_, prompt: _LocalizedStringKey_)' text={@text} isPresented={@isPresented} phx-change="searchable-changed" />

def handle_event("searchable-changed", params, socket)

searchable(text:isPresented:placement:prompt:)

text: attr("...") for a String (required, change tracked)
isPresented: attr("...") for a Bool (required, change tracked)
placement: SearchFieldPlacement
prompt: attr("...") or String (required)

See SwiftUI.View/searchable(text:isPresented:placement:prompt:) for more details on this ViewModifier. Example:

<Element style='searchable(text: attr("text"), isPresented: attr("isPresented"), placement: _SearchFieldPlacement_, prompt: attr("prompt"))' text={@text} isPresented={@isPresented} prompt={@prompt} phx-change="searchable-changed" />

def handle_event("searchable-changed", params, socket)

selectionDisabled

selectionDisabled(_:)

isDisabled: attr("...") or Bool

See SwiftUI.View/selectionDisabled(_:) for more details on this ViewModifier. Example:

<Element style='selectionDisabled(attr("isDisabled"))' isDisabled={@isDisabled} />

shadow

shadow(color:radius:x:y:)

color: Color/Resolvable
radius: attr("...") or CGFloat (required)
x: attr("...") or CGFloat
y: attr("...") or CGFloat

See SwiftUI.View/shadow(color:radius:x:y:) for more details on this ViewModifier. Example:

<Element style='shadow(color: _Resolvable_, radius: attr("radius"), x: attr("x"), y: attr("y"))' radius={@radius} x={@x} y={@y} />

sheet

sheet(isPresented:onDismiss:content:)

isPresented: attr("...") for a Bool (required, change tracked)
onDismiss: event("...")
content: ViewReference

See SwiftUI.View/sheet(isPresented:onDismiss:content:) for more details on this ViewModifier. Example:

<Element style='sheet(isPresented: attr("isPresented"), onDismiss: event("onDismiss"), content: :content)' isPresented={@isPresented} phx-change="isPresented-changed">
  <Child template="content" />
</Element>

def handle_event("onDismiss", params, socket)
def handle_event("isPresented-changed", params, socket)

simultaneousGesture

simultaneousGesture(_:including:)

gesture: _AnyGesture (required)
including: GestureMask

See SwiftUI.View/simultaneousGesture(_:including:) for more details on this ViewModifier. Example:

speechAdjustedPitch

speechAdjustedPitch(_:)

value: attr("...") or Double (required)

See SwiftUI.View/speechAdjustedPitch(_:) for more details on this ViewModifier. Example:

<Element style='speechAdjustedPitch(attr("value"))' value={@value} />

speechAlwaysIncludesPunctuation

speechAlwaysIncludesPunctuation(_:)

value: attr("...") or Bool

See SwiftUI.View/speechAlwaysIncludesPunctuation(_:) for more details on this ViewModifier. Example:

<Element style='speechAlwaysIncludesPunctuation(attr("value"))' value={@value} />

speechAnnouncementsQueued

speechAnnouncementsQueued(_:)

value: attr("...") or Bool

See SwiftUI.View/speechAnnouncementsQueued(_:) for more details on this ViewModifier. Example:

<Element style='speechAnnouncementsQueued(attr("value"))' value={@value} />

speechSpellsOutCharacters

speechSpellsOutCharacters(_:)

value: attr("...") or Bool

See SwiftUI.View/speechSpellsOutCharacters(_:) for more details on this ViewModifier. Example:

<Element style='speechSpellsOutCharacters(attr("value"))' value={@value} />

statusBarHidden

statusBarHidden(_:)

hidden: attr("...") or Bool

See SwiftUI.View/statusBarHidden(_:) for more details on this ViewModifier. Example:

<Element style='statusBarHidden(attr("hidden"))' hidden={@hidden} />

strikethrough

strikethrough(_:pattern:color:)

isActive: attr("...") or Bool
pattern: Text.LineStyle.Pattern
color: attr("...") or Color or nil

See SwiftUI.View/strikethrough(_:pattern:color:) for more details on this ViewModifier. Example:

<Element style='strikethrough(attr("isActive"), pattern: .solid, color: attr("color"))' isActive={@isActive} color={@color} />

stroke

stroke(_:style:antialiased:)

content: AnyShapeStyle (required)
style: StrokeStyle (required)
antialiased: attr("...") or Bool

See SwiftUI.Shape/stroke(_:style:antialiased:) for more details on this ViewModifier. Example:

<Element style='stroke(AnyShapeStyle, style: StrokeStyle, antialiased: attr("antialiased"))' antialiased={@antialiased} />

stroke(_:lineWidth:antialiased:)

content: AnyShapeStyle (required)
lineWidth: attr("...") or CGFloat
antialiased: attr("...") or Bool

See SwiftUI.Shape/stroke(_:lineWidth:antialiased:) for more details on this ViewModifier. Example:

<Element style='stroke(AnyShapeStyle, lineWidth: attr("lineWidth"), antialiased: attr("antialiased"))' lineWidth={@lineWidth} antialiased={@antialiased} />

submitLabel

submitLabel(_:)

submitLabel: SubmitLabel (required)

See SwiftUI.View/submitLabel(_:) for more details on this ViewModifier. Example:

submitScope

submitScope(_:)

isBlocking: attr("...") or Bool

See SwiftUI.View/submitScope(_:) for more details on this ViewModifier. Example:

<Element style='submitScope(attr("isBlocking"))' isBlocking={@isBlocking} />

subtracting

subtracting(_:eoFill:)

other: AnyShape (required)
eoFill: Bool

See SwiftUI.Shape/subtracting(_:eoFill:) for more details on this ViewModifier. Example:

# stylesheet
"example" do
  subtracting(.rect, eoFill: false)
end

swipeActions

swipeActions(edge:allowsFullSwipe:content:)

edge: HorizontalEdge
allowsFullSwipe: attr("...") or Bool
content: ViewReference

See SwiftUI.View/swipeActions(edge:allowsFullSwipe:content:) for more details on this ViewModifier. Example:

<Element style='swipeActions(edge: .leading, allowsFullSwipe: attr("allowsFullSwipe"), content: :content)' allowsFullSwipe={@allowsFullSwipe}>
  <Child template="content" />
</Element>

symbolEffect

symbolEffect(_:options:isActive:)

effect: AnyIndefiniteSymbolEffect (required)
options: SymbolEffectOptions
isActive: attr("...") or Bool

See SwiftUI.View/symbolEffect(_:options:isActive:) for more details on this ViewModifier. Example:

<Element style='symbolEffect(_AnyIndefiniteSymbolEffect_, options: _SymbolEffectOptions_, isActive: attr("isActive"))' isActive={@isActive} />

symbolEffect(_:options:value:)

effect: AnyDiscreteSymbolEffect (required)
options: SymbolEffectOptions
value: attr("...") or String (required)

See SwiftUI.View/symbolEffect(_:options:value:) for more details on this ViewModifier. Example:

<Element style='symbolEffect(_AnyDiscreteSymbolEffect_, options: _SymbolEffectOptions_, value: attr("value"))' value={@value} />

symbolEffectsRemoved

symbolEffectsRemoved(_:)

isEnabled: attr("...") or Bool

See SwiftUI.View/symbolEffectsRemoved(_:) for more details on this ViewModifier. Example:

<Element style='symbolEffectsRemoved(attr("isEnabled"))' isEnabled={@isEnabled} />

symbolRenderingMode

symbolRenderingMode(_:)

mode: SymbolRenderingMode or nil (required)

See SwiftUI.View/symbolRenderingMode(_:) for more details on this ViewModifier. Example:

symbolVariant

symbolVariant(_:)

variant: SymbolVariants (required)

See SwiftUI.View/symbolVariant(_:) for more details on this ViewModifier. Example:

symmetricDifference

symmetricDifference(_:eoFill:)

other: AnyShape (required)
eoFill: Bool

See SwiftUI.Shape/symmetricDifference(_:eoFill:) for more details on this ViewModifier. Example:

# stylesheet
"example" do
  symmetricDifference(.rect, eoFill: false)
end

tabItem

tabItem(_:)

label: ViewReference

See SwiftUI.View/tabItem(_:) for more details on this ViewModifier. Example:

<Element style="tabItem(:label)">
  <Child template="label" />
</Element>

tabViewStyle

tabViewStyle(_:)

style: AnyTabViewStyle (required)

See SwiftUI.View/tabViewStyle(_:) for more details on this ViewModifier. Example:

tableStyle

tableStyle(_:)

style: AnyTableStyle (required)

See SwiftUI.View/tableStyle(_:) for more details on this ViewModifier. Example:

textCase

textCase(_:)

textCase: Text.Case or nil (required)

See SwiftUI.View/textCase(_:) for more details on this ViewModifier. Example:

textContentType

textContentType(_:)

textContentType: UITextContentType or nil (required)

See SwiftUI.View/textContentType(_:) for more details on this ViewModifier. Example:

textEditorStyle

textEditorStyle(_:)

style: AnyTextEditorStyle (required)

See SwiftUI.View/textEditorStyle(_:) for more details on this ViewModifier. Example:

textFieldStyle

textFieldStyle(_:)

style: AnyTextFieldStyle (required)

See SwiftUI.View/textFieldStyle(_:) for more details on this ViewModifier. Example:

textInputAutocapitalization

textInputAutocapitalization(_:)

autocapitalization: TextInputAutocapitalization or nil (required)

See SwiftUI.View/textInputAutocapitalization(_:) for more details on this ViewModifier. Example:

textScale

textScale(_:isEnabled:)

scale: Text.Scale
isEnabled: attr("...") or Bool

See SwiftUI.View/textScale(_:isEnabled:) for more details on this ViewModifier. Example:

<Element style='textScale(.default, isEnabled: attr("isEnabled"))' isEnabled={@isEnabled} />

textSelection

textSelection(_:)

selectability: AnyTextSelectability (required)

See SwiftUI.View/textSelection(_:) for more details on this ViewModifier. Example:

tint

tint(_:)

tint: AnyShapeStyle.Resolvable (required)

See SwiftUI.View/tint(_:) for more details on this ViewModifier. Example:

tint(_:)

tint: Color/Resolvable or nil (required)

See SwiftUI.View/tint(_:) for more details on this ViewModifier. Example:

toggleStyle

toggleStyle(_:)

style: AnyToggleStyle (required)

See SwiftUI.View/toggleStyle(_:) for more details on this ViewModifier. Example:

visibility: attr("...") or Visibility (required)
for: ToolbarPlacement (required)

See SwiftUI.View/toolbar(_:for:) for more details on this ViewModifier. Example:

<Element style='toolbar(attr("visibility"), for: _ToolbarPlacement_)' visibility={@visibility} />

removing: ToolbarDefaultItemKind or nil (required)

See SwiftUI.View/toolbar(removing:) for more details on this ViewModifier. Example:

content: ToolbarContentReference

See SwiftUI.View/toolbar(content:) for more details on this ViewModifier. Example:

id: attr("...") or String (required)
content: CustomizableToolbarContentReference

See SwiftUI.View/toolbar(id:content:) for more details on this ViewModifier. Example:

<Element style='toolbar(id: attr("id"), content: _CustomizableToolbarContentReference_)' id={@id} />

toolbarBackground

toolbarBackground(_:for:)

style: AnyShapeStyle.Resolvable (required)
for: ToolbarPlacement (required)

See SwiftUI.View/toolbarBackground(_:for:) for more details on this ViewModifier. Example:

toolbarBackground(_:for:)

visibility: attr("...") or Visibility (required)
for: ToolbarPlacement (required)

See SwiftUI.View/toolbarBackground(_:for:) for more details on this ViewModifier. Example:

<Element style='toolbarBackground(attr("visibility"), for: _ToolbarPlacement_)' visibility={@visibility} />

toolbarColorScheme

toolbarColorScheme(_:for:)

colorScheme: attr("...") or ColorScheme or nil (required)
for: ToolbarPlacement (required)

See SwiftUI.View/toolbarColorScheme(_:for:) for more details on this ViewModifier. Example:

<Element style='toolbarColorScheme(attr("colorScheme"), for: _ToolbarPlacement_)' colorScheme={@colorScheme} />

toolbarRole

toolbarRole(_:)

role: ToolbarRole (required)

See SwiftUI.View/toolbarRole(_:) for more details on this ViewModifier. Example:

toolbarTitleDisplayMode

toolbarTitleDisplayMode(_:)

mode: ToolbarTitleDisplayMode (required)

See SwiftUI.View/toolbarTitleDisplayMode(_:) for more details on this ViewModifier. Example:

toolbarTitleMenu

toolbarTitleMenu(content:)

content: ViewReference

See SwiftUI.View/toolbarTitleMenu(content:) for more details on this ViewModifier. Example:

<Element style="toolbarTitleMenu(content: :content)">
  <Child template="content" />
</Element>

touchBarCustomizationLabel

touchBarCustomizationLabel(_:)

label: TextReference (required)

See SwiftUI.View/touchBarCustomizationLabel(_:) for more details on this ViewModifier. Example:

<Element style="touchBarCustomizationLabel(:label)">
  <Text template="label">...</Text>
</Element>

touchBarItemPrincipal

touchBarItemPrincipal(_:)

principal: attr("...") or Bool

See SwiftUI.View/touchBarItemPrincipal(_:) for more details on this ViewModifier. Example:

<Element style='touchBarItemPrincipal(attr("principal"))' principal={@principal} />

tracking

tracking(_:)

tracking: attr("...") or CGFloat (required)

See SwiftUI.View/tracking(_:) for more details on this ViewModifier. Example:

<Element style='tracking(attr("tracking"))' tracking={@tracking} />

transform

transform(_:)

transform: CoreGraphics/CGAffineTransform (required)

See SwiftUI.Shape/transform(_:) for more details on this ViewModifier. Example:

# stylesheet
"example" do
  transform(.identity)
end

transform3DEffect

transform3DEffect(_:)

transform: Spatial/AffineTransform3D (required)

See SwiftUI.View/transform3DEffect(_:) for more details on this ViewModifier. Example:

transformEffect

transformEffect(_:)

transform: CGAffineTransform (required)

See SwiftUI.View/transformEffect(_:) for more details on this ViewModifier. Example:

transition

transition(_:)

t: AnyTransition (required)

See SwiftUI.View/transition(_:) for more details on this ViewModifier. Example:

truncationMode

truncationMode(_:)

mode: Text.TruncationMode (required)

See SwiftUI.View/truncationMode(_:) for more details on this ViewModifier. Example:

underline

underline(_:pattern:color:)

isActive: attr("...") or Bool
pattern: Text.LineStyle.Pattern
color: attr("...") or Color or nil

See SwiftUI.View/underline(_:pattern:color:) for more details on this ViewModifier. Example:

<Element style='underline(attr("isActive"), pattern: .solid, color: attr("color"))' isActive={@isActive} color={@color} />

union

union(_:eoFill:)

other: AnyShape (required)
eoFill: Bool

See SwiftUI.Shape/union(_:eoFill:) for more details on this ViewModifier. Example:

# stylesheet
"example" do
  union(.rect, eoFill: false)
end

unredacted

unredacted()

See SwiftUI.View/unredacted() for more details on this ViewModifier. Example:

upperLimbVisibility

upperLimbVisibility(_:)

preferredVisibility: attr("...") or Visibility (required)

See SwiftUI.View/upperLimbVisibility(_:) for more details on this ViewModifier. Example:

<Element style='upperLimbVisibility(attr("preferredVisibility"))' preferredVisibility={@preferredVisibility} />

zIndex

zIndex(_:)

value: attr("...") or Double (required)

See SwiftUI.View/zIndex(_:) for more details on this ViewModifier. Example:

<Element style='zIndex(attr("value"))' value={@value} />

Types

AnyButtonStyle

Use AnyPrimitiveButtonStyle instead.

AnyControlGroupStyle

See SwiftUI.ControlGroupStyle for more details.

Overview

Possible values:

.automatic
.compactMenu
.navigation
.palette
.menu

AnyCoordinateSpaceProtocol

See SwiftUI.CoordinateSpaceProtocol for more details.

Overview

Possible values:

.global
.local
.named(_:)
.scrollView
.scrollView(axis:)

Use a String to reference a named coordinate space.

.named("my-coordinate-space")

Use a Axis to reference the coordinate space for the innermost <ScrollView> on the given axis.

.scrollView(axis: .horizontal)

AnyDatePickerStyle

See SwiftUI.DatePickerStyle for more details.

Overview

Possible values:

.automatic
.compact
.graphical
.field
.stepperField
.wheel

AnyFormStyle

See SwiftUI.FormStyle for more details.

Overview

Possible values:

.automatic
.columns
.grouped

AnyGaugeStyle

See SwiftUI.GaugeStyle for more details.

Overview

Possible values:

.automatic
.accessoryCircular
.accessoryCircularCapacity
.linearCapacity
.accessoryLinear
.accessoryLinearCapacity
.circular
.linear

AnyGroupBoxStyle

See SwiftUI.GroupBoxStyle for more details.

Overview

Possible values:

.automatic

AnyIndexViewStyle

See SwiftUI.IndexViewStyle for more details.

Overview

Possible values:

.page

Pass a PageIndexViewStyle.BackgroundDisplayMode to customize this style.

.page(backgroundDisplayMode: .always)
.page(backgroundDisplayMode: .interactive)

AnyInsettableShape

See SwiftUI.InsettableShape for more details.

Overview

Possible values:

.rectangle
.circle
.capsule

AnyLabelStyle

See SwiftUI.LabelStyle for more details.

Overview

Possible values:

.automatic
.iconOnly
.titleAndIcon
.titleOnly

AnyLabeledContentStyle

See SwiftUI.LabeledContentStyle for more details.

Overview

Possible values:

.automatic

AnyListStyle

See SwiftUI.ListStyle for more details.

Overview

Possible values:

.automatic
.plain
.carousel
.elliptical
.bordered
.grouped
.insetGrouped
.inset
.sidebar

AnyLocalizedError

A string that represents an error message.

AnyMenuStyle

See SwiftUI.MenuStyle for more details.

Overview

Possible values:

.automatic
.button

AnyNavigationSplitViewStyle

See SwiftUI.NavigationSplitViewStyle for more details.

Overview

Possible values:

.automatic
.balanced
.prominentDetail

AnyPickerStyle

See SwiftUI.PickerStyle for more details.

Overview

Possible values:

.automatic
.menu
.segmented
.navigationLink
.palette
.radioGroup
.wheel

AnyPrimitiveButtonStyle

See SwiftUI.PrimitiveButtonStyle for more details.

Overview

Possible values:

.automatic
.borderless
.plain
.bordered
.borderedProminent

AnyProgressViewStyle

See SwiftUI.ProgressViewStyle for more details.

Overview

Possible values:

.automatic
.circular
.linear

AnyScrollTargetBehavior

See SwiftUI.ScrollTargetBehavior for more details.

Overview

Possible values:

.paging
.viewAligned
.viewAligned(limitBehavior:)

Use SwiftUI/LimitBehavior to customize .viewAligned.

.viewAligned(limitBehavior: .always)
.viewAligned(limitBehavior: .never)

AnySymbolEffect

See Symbols.SymbolEffect for more details.

Overview

Possible values:

.appear
.automatic
.bounce
.disappear
.pulse
.replace
.scale
.variableColor

Apply modifiers to the symbol effect to customize it. Possible modifiers:

.down
.up
.byLayer
.wholeSymbol

.appear.down
.variableColor.cumulative.reversing.dimInactiveLayers
.variableColor.hideInactiveLayers

AnyTabViewStyle

See SwiftUI.TabViewStyle for more details.

Overview

Standard <TabView> Styles:

.automatic
.page
.verticalPage

Page Style

Pass an SwiftUI/IndexDisplayMode to customize this style.

.page(indexDisplayMode: .always)
.page(indexDisplayMode: .never)

Vertical Page Style

Pass an SwiftUI/TransitionStyle to customize this style.

.verticalPage(transitionStyle: .blur)
.verticalPage(transitionStyle: .identity)

AnyTableStyle

See SwiftUI.TableStyle for more details.

Overview

Possible values:

.automatic
.inset
.bordered

AnyTextEditorStyle

See SwiftUI.TextEditorStyle for more details.

Overview

Possible values:

.automatic
.plain
.roundedBorder

AnyTextFieldStyle

See SwiftUI.TextFieldStyle for more details.

Overview

Possible values:

.automatic
.roundedBorder
.plain

AnyTextSelectability

See SwiftUI.TextSelectability for more details.

Overview

Possible values:

.enabled
.disabled

AnyToggleStyle

See SwiftUI.ToggleStyle for more details.

Overview

Possible values:

.automatic
.button
.switch
.checkbox

CGAffineTransform

See CoreFoundation.CGAffineTransform for more details.

Overview

Build a matrix with custom values or a preset transformation.

Custom Matrices

Affine transforms are represented with a 3x3 matrix.

a  b  0
c  d  0
tx ty 1

Pass the values for a, b, c, d, tx, and ty to build a custom transformation matrix.

CGAffineTransform(1, 0, 0, 1, 0, 0)

Rotation Matrix

Pass a rotationAngle in radians to build a rotation matrix.

CGAffineTransform(rotationAngle: 5)
CGAffineTransform(rotationAngle: 3.14)

Scale Matrix

Pass a scaleX and y to build a scale matrix.

CGAffineTransform(scaleX: 0.5, y: 1.5)

Translation Matrix

Pass a translationX and y to build a translation matrix.

CGAffineTransform(translationX: 5, y: 10)

CGFloat

CGLineCap

See CoreGraphics.CGLineCap for more details.

Overview

Possible values:

.butt
.round
.square

CGLineJoin

See CoreGraphics.CGLineJoin for more details on this ViewModifier.

Overview

Possible values:

.miter
.round
.bevel

CustomizableToolbarContentReference

A ViewReference that only resolves to CustomizableToolbarContent types.

Overview

Use an atom or list of atoms to reference customizable toolbar content.

:my_toolbar_content
[:item1, :item2]

<ToolbarItem template="my_toolbar_content" id="item0">
    ...
</ToolbarItem>
<ToolbarItem template="item1" id="item1" />
<ToolbarItem template="item2" id="item2" />

ParseableRangeExpression

A range of values with a given bound type.

Overview

Use range operators to create a range in a stylesheet.

Closed Ranges

Use ... with an upper and lower bound to build a closed range.

1...10

Partial Ranges

Use ... after a lower bound to build a partial range from a value.

1...

Use ... before an upper bound to build a partial range through a value.

...10

Use ..< before an upper bound to build a partial range up to a value.

..<10

Half Open Ranges

Use ..< with an upper and lower bound to build a half open range.

1..<10

A view that lets it contents be scrolled if larger than the available space.

Overview

<ScrollView>
    <VStack>
        <%= for color <- @colors %>
            <Rectangle id={color} fillColor={color} class="height:100" />
        <% end %>
    </VStack>
</ScrollView>

SwiftUI Documentation

See SwiftUI.ScrollView for more details on this View.

Bool

Decodes a boolean from an attribute. The value is true if the attribute is present (regardless of value) and false otherwise.

ClosedRange

Double

Decodes a double from an attribute, if it is present.

Int

Decodes an integer from an attribute, if it is present.

PartialRangeFrom

PartialRangeThrough

String

Decodes a string from an attribute, if the attribute is present.

Alignment

See SwiftUI.Alignment for more details.

Overview

Possible values:

centerFirstTextBaseline
centerLastTextBaseline
leadingFirstTextBaseline
leadingLastTextBaseline
trailingFirstTextBaseline
trailingLastTextBaseline
topLeading
topTrailing
bottomLeading
bottomTrailing
top
bottom
center
leading
trailing

Anchor.Source

See SwiftUI.Anchor for more details.

Overview

Possible values:

bounds
.rect(_:)

See CoreGraphics/CGRect for information on specifying rectangular dimensions.

.rect(CGRect(x: 0, y: 0, width: 50, height: 50))

Angle

See SwiftUI.Angle for more details.

Overview

Possible values:

zero
.radians(_:)
.degrees(_:)

.radians(3.14)
.degrees(180)

Animation

See SwiftUI.Animation for more details.

Overview

Standard Animations:

.default
.bouncy
.smooth
.snappy
.spring
.interactiveSpring
.interpolatingSpring

Easing Animations

Use .easeIn, .easeOut, .easeInOut, and .linear with a duration to use a standard easing function.

.easeIn(duration: 3)
.linear(duration: 1.5)

Use .timingCurve to build a custom bezier timing curve. Pass a UnitCurve to use a standard curve.

.timingCurve(0.1, 0.75, 0.85, 0.35, duration: 2.0)
.timingCurve(UnitCurve(0.1, 0.75, 0.85, 0.35), duration: 2.0)
.timingCurve(.easeInOut, duration: 2.0)

AnyShape

See SwiftUI.Shape for more details.

Overview

Possible values:

.rect
.capsule
.ellipse
.circle
.containerRelative

The rect and capsule styles can also be customized with a RoundedCornerStyle and radii.

.rect(cornerSize: CGSize(width: 5, height: 0), style: .circular)
.rect(cornerRadius: 8)

.capsule(style: .circular)

Use RectangleCornerRadii or the individual arguments to specify individual rounding for each corner.

.rect(cornerRadii: RectangleCornerRadii(topLeading: 8, bottomTrailing: 8))
.rect(topLeadingRadius: 8, bottomTrailingRadius: 8)

AnyShapeStyle

See SwiftUI.ShapeStyle for more details.

Overview

A color/pattern used to render content.

Colors

See Color for more details on available color styles.

Hierarchical Styles

A level of the foreground style. Possible values:

.primary
.secondary
.tertiary
.quaternary
.quinary

Hierarchical styles can also be applied to another style to modify it.

.blue.secondary
.tint.tertiary

Materials

A background blur effect. Possible values:

.ultraThinMaterial
.thinMaterial
.regularMaterial
.thickMaterial
.ultraThickMaterial
.bar

Semantic Styles

Styles with a semantic meaning. These styles can typically be set with a modifier, such as tint(_:) or ForegroundStyleModifier. Possible values:

.foreground
.background
.selection
.tint
.separator
.placeholder
.link
.fill
.windowBackground

Image Paint

Use an Image as a style.

.image(Image("MyImage"))
.image(Image(systemName: "circle.fill"), sourceRect: CGRect(x: 10, y: 10, width: 50, height: 50), scale: 0.5)

Gradients

See SwiftUI/Gradient for more details on creating gradient styles.

Angular Gradients

Create a gradient with a UnitPoint center, a start/end Angle, and a set of Color values or gradient SwiftUI/Gradient/Stop points.

.angularGradient(colors: [.red, .blue], startAngle: .zero, endAngle: .degrees(180))
.angularGradient(stops: [Gradient.Stop(color: .red, location: 0), Gradient.Stop(color: .red, location: 1)], center: .bottom, startAngle: .radians(0), endPoint: .radians(3.14))
.angularGradient(Gradient(colors: [.red, .blue]), startAngle: .degrees(-180), endPoint: .degrees(90))

Conic Gradients

Create a gradient with a UnitPoint center, an Angle, and a set of Color values or gradient SwiftUI/Gradient/Stop points.

.conicGradient(colors: [.red, .blue], center: .center)
.conicGradient(stops: [Gradient.Stop(color: .red, location: 0), Gradient.Stop(color: .red, location: 1)], center: .bottom)
.conicGradient(Gradient(colors: [.red, .blue]), center: .top, angle: .degrees(90))

Elliptical Gradients

Create a gradient with a UnitPoint center, a start/end radius fraction, and a set of Color values or gradient SwiftUI/Gradient/Stop points.

.ellipticalGradient(colors: [.red, .blue])
.ellipticalGradient(stops: [Gradient.Stop(color: .red, location: 0), Gradient.Stop(color: .red, location: 1)], endRadiusFraction: 1)
.ellipticalGradient(Gradient(colors: [.red, .blue]), center: .bottom, startRadiusFraction: 0.5, endRadiusFraction: 0.75)

Linear Gradients

Create a gradient with UnitPoint start/end points, and a set of Color values or gradient SwiftUI/Gradient/Stop points.

.linearGradient(colors: [.red, .blue], startPoint: .leading, endPoint: .trailing)
.linearGradient(stops: [Gradient.Stop(color: .red, location: 0), Gradient.Stop(color: .red, location: 1)], startPoint: .topLeading, endPoint: .bottomTrailing)
.linearGradient(Gradient(colors: [.red, .blue]), startPoint: .top, endPoint: .bottom)

Radial Gradients

Create a gradient with a UnitPoint center, a start/end radius, and a set of Color values or gradient SwiftUI/Gradient/Stop points.

.radialGradient(colors: [.red, .blue], center: .bottom, startRadius: 0, endRadius: 50)
.radialGradient(stops: [Gradient.Stop(color: .red, location: 0), Gradient.Stop(color: .red, location: 1)], center: .center, startRadius: 25, endRadius: 75)
.radialGradient(Gradient(colors: [.red, .blue]), center: .bottom, startRadiusFraction: 0.5, endRadiusFraction: 0.75, center: .top, startRadius: 0, endRadius: 50)

Blend Mode

Pass a BlendMode to be used as a style, or applied to another style.

.blendMode(.multiply)
.blue.blendMode(.softLight)

Opacity

Pass an opacity amount to be used as a style, or applied to another style.

.opacity(0.5)
.blue.opacity(0.8)

Shadow

Pass a SwiftUI/ShadowStyle to be used as a style, or applied to another style.

.shadow(.drop(radius: 10))
.blue.shadow(.inner(radius: 8, y: 8))

AnyShapeStyle.Resolvable

AnyTransition

See SwiftUI.AnyTransition for more details.

Overview

Standard Transitions:

.slide
.scale
.opacity
.identity

Push

Move in from a specific Edge, and move out at the opposite edge.

.push(edge: .leading)
.push(edge: .top)

Offset

Use a CoreFoundation/CGSize or individual components to construct an offset transition.

.offset(CGSize(width: 10, height: 10))
.offset(width: 10, height: 10)

Scale

Scale from a specific size at a given UnitPoint anchor.

.scale(scale: 0.5, anchor: .topLeading)
.scale(scale: 0, anchor: .bottomTrailing)

Move

Move in/out from a specific Edge.

.move(edge: .leading)
.move(edge: .top)

Asymmetric

Use a different transition for insertion and removal.

.asymmetric(insertion: .scale, removal: .opacity)

Transition Modifiers

Apply modifiers to customize a transition.

Animation

Set a specific Animation to use when transitioning.

.opacity.animation(.linear(duration: 2))
.scale.animation(.bouncy)

Combined

Merge transitions together.

.opacity.combined(with: .scale)

Axis

See SwiftUI.Axis for more details.

Overview

Possible values:

.horizontal
.vertical

Axis.Set

See SwiftUI.Axis.Set for more details.

Overview

Possible values:

.horizontal
.vertical
Array of these values

BadgeProminence

See SwiftUI.BadgeProminence for more details.

Overview

Possible values:

.decreased
.standard
.increased

BlendMode

See SwiftUI.BlendMode for more details.

Overview

Possible values:

.normal
.multiply
.screen
.overlay
.darken
.lighten
.colorDodge
.colorBurn
.softLight
.hardLight
.difference
.exclusion
.hue
.saturation
.color
.luminosity
.sourceAtop
.destinationOver
.destinationOut
.plusDarker
.plusLighter

ButtonBorderShape

See SwiftUI.ButtonBorderShape for more details.

Overview

Possible values:

.automatic
.capsule
.circle
.roundedRectangle

Provide a radius to customize the roundedRectangle shape.

.roundedRectangle(radius: 8)

Color

See SwiftUI.Color for more details.

Overview

System Colors:

.red
.orange
.yellow
.green
.mint
.teal
.cyan
.blue
.indigo
.purple
.pink
.brown
.white
.gray
.black
.clear
.primary
.secondary

Named Colors

Get a custom color from the asset catalog by name.

Color("MyColor")

RGB Colors

Optionally provide the Color.RGBColorSpace.

Color(red: 1, green: 0.5, blue: 0.5)
Color(red: 1, green: 0, blue: 0, opacity: 0.5)
Color(.displayP3, red: 0, green: 1, blue: 0)
Color(white: 0.5, opacity: 1)

HSB Colors

Use hue, saturation, brightness, and opacity to create a color.

Color(hue: 0.5, saturation: 1, brightness: 0.5)
Color(hue: 0, saturation: 0.5, brightness: 1, opacity: 0.5)

Setting Opacity

Use the opacity modifier to customize the appearance of a color.

.red.opacity(0.5)
Color("MyColor").opacity(0.8)

Color.RGBColorSpace

See SwiftUI.Color.RGBColorSpace for more details.

Overview

Possible values:

.sRGB
.sRGBLinear
.displayP3

ColorRenderingMode

See SwiftUI.ColorRenderingMode for more details.

Overview

Possible values:

.nonLinear
.linear
.extendedLinear

ColorScheme

A value that represents a system appearance.

Overview

Possible values:

light
dark

ContentMarginPlacement

See SwiftUI.ContentMarginPlacement for more details.

Overview

Possible values:

.automatic
.scrollContent
.scrollIndicators

ContentMode

See SwiftUI.ContentMode for more details.

Overview

Possible values:

.fill
.fit

ContentShapeKinds

See SwiftUI.ContentShapeKinds for more details.

Overview

Possible values:

.interaction
.dragPreview
.contextMenuPreview
.hoverEffect
.focusEffect
.accessibility

ContentTransition

See SwiftUI.ContentTransition for more details.

Overview

Standard Content Transitions:

.identity
.interpolate
.opacity
.numericText()
.symbolEffect

Numeric Text

Provide a value or countsDown to customize the transition applied to numeric text.

.numericText(countsDown: true)
.numericText(value: 10)

Symbol Effect

Use a specific AnySymbolEffect for this content.

.symbolEffect(.bounce)
.symbolEffect(.pulse, options: .repeating)

ControlSize

See SwiftUI.ControlSize for more details.

Overview

Possible values:

.mini
.small
.regular
.large
.extraLarge

DynamicTypeSize

See SwiftUI.DynamicTypeSize for more details.

Overview

Possible values:

.xSmall
.small
.medium
.large
.xLarge
.xxLarge
.xxxLarge
.accessibility1
.accessibility2
.accessibility3
.accessibility4
.accessibility5

Edge

See SwiftUI.Edge for more details.

Overview

Possible values:

.top
.bottom
.leading
.trailing

Edge.Set

See SwiftUI.Edge.Set for more details.

Overview

Possible values:

.all
.horizontal
.vertical
An Edge value
An array of Edge values

EdgeInsets

See SwiftUI.EdgeInsets for more details.

Overview

EdgeInsets()
EdgeInsets(top: 10, leading: 10, bottom: 10, trailing: 10)

EventModifiers

See SwiftUI.EventModifiers for more details.

Overview

Possible values:

.capsLock
.shift
.control
.option
.command
.numericPad
.function
.all

FillStyle

See SwiftUI.FillStyle for more details.

Overview

Use eoFill and antialiased to customize the fill style.

FillStyle()
FillStyle(eoFill: true, antialiased: false)

FocusInteractions

See SwiftUI.FocusInteractions for more details.

Overview

Possible values:

.activate
.edit
.automatic

Font

See SwiftUI.Font for more details.

Overview

Standard Fonts:

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

System Fonts

Create a system font with a custom size, Font.Weight, Font.Design, and Font.TextStyle.

.system(size: 13)
.system(size: 17, weight: .heavy, design: .serif)
.system(.title2, design: .serif, weight: .heavy)

Custom Fonts

Use a custom font name, with a size that is optionally relative to a SwiftUI/TextStyle.

.custom("MyFont", size: 10)
.custom("MyFont", size: 13, relativeTo: .title2)
.custom("MyFont", fixedSize: 17)

Font Modifiers

Apply modifiers to a font to customize its appearance.

italic()
smallCaps()
lowercaseSmallCaps()
uppercaseSmallCaps()
monospacedDigit()
weight(Font.Weight), with a SwiftUI/Weight
width(Font.Width), with a SwiftUI/Width
bold()
monospaced()
leading(Font.Leading), with a SwiftUI/Leading

Font.Design

See SwiftUI.Font.Design for more details.

Overview

Possible values:

.default
.serif
.rounded
.monospaced

Font.TextStyle

A system text style.

Overview

Possible values:

largeTitle
title
title2
title3
headline
subheadline
body
callout
footnote
caption
caption2

Font.Weight

See SwiftUI.Font.Weight for more details.

Overview

Possible values:

.ultraLight
.thin
.light
.regular
.medium
.semibold
.bold
.heavy
.black

Font.Width

See SwiftUI.Font.Width for more details.

Overview

Possible values:

.compressed
.condensed
.standard
.expanded

GestureMask

See SwiftUI.GestureMask for more details.

Overview

Possible values:

.none
.gesture
.subviews
.all

HorizontalAlignment

Decodes a horizontal alignment from a string.

Overview

Possible values:

leading
center
trailing
listRowSeparatorLeading
listRowSeparatorTrailing

HorizontalEdge

See SwiftUI.HorizontalEdge for more details.

Overview

Possible values:

.leading
.trailing

HoverEffect

See SwiftUI.HoverEffect for more details.

Overview

Possible values:

.automatic
.highlight
.lift

Image

See SwiftUI.Image for more details.

Overview

Get an image by name from the asset catalog, or reference an SF Symbol by its systemName.

Image("MyImage")
Image(systemName: "circle.fill")
Image(systemName: "chart.bar.fill", variableValue: 0.6)

Image.ResizingMode

See SwiftUI.Image.ResizingMode for more details.

Overview

Possible values:

.tile
.stretch

Image.Scale

See SwiftUI.Image.Scale for more details.

Overview

Possible values:

.small
.medium
.large

Image.TemplateRenderingMode

See SwiftUI.Image.TemplateRenderingMode for more details.

Overview

Possible values:

.template
.original

KeyEquivalent

See SwiftUI.KeyEquivalent for more details.

Overview

Possible values:

.upArrow
.downArrow
.leftArrow
.rightArrow
.clear
.delete
.end
.escape
.home
.pageUp
.pageDown
.return
.space
.tab
A string with a single character

KeyboardShortcut

See SwiftUI.KeyboardShortcut for more details.

Overview

Possible values:

.defaultAction
.cancelAction

KeyboardShortcut.Localization

See SwiftUI.KeyboardShortcut.Localization for more details.

Overview

Possible values:

.automatic
.withoutMirroring
.custom

ListSectionSpacing

See SwiftUI.ListSectionSpacing for more details.

Overview

Possible values:

.default
.compact

Use .custom(CGFloat) to provide a custom spacing value.

.custom(16)
.custom(8)

MatchedGeometryProperties

See SwiftUI.MatchedGeometryProperties for more details.

Overview

Possible values:

.position
.size
.frame

MenuOrder

See SwiftUI.MenuOrder for more details.

Overview

Possible values:

.automatic
.priority
.fixed

NamedCoordinateSpace

NavigationBarItem.TitleDisplayMode

See SwiftUI.NavigationBarItem.TitleDisplayMode for more details.

Overview

Possible values:

.automatic
.inline
.large

PageIndexViewStyle.BackgroundDisplayMode

See SwiftUI.PageIndexViewStyle.BackgroundDisplayMode for more details.

Overview

Possible values:

.automatic
.always
.interactive
.never

PopoverAttachmentAnchor

See SwiftUI.PopoverAttachmentAnchor for more details.

Point Attachment

Use a UnitPoint to specify an anchor point relative to the element.

.point(.topLeading)
.point(.bottomTrailing)

Rect Attachment

Use a Anchor.Source to specify an anchor point relative to a frame.

.rect(.bounds)
.rect(.rect(CGRect(x: 0, y: 0, width: 50, height: 50)))

PresentationAdaptation

See SwiftUI.PresentationAdaptation for more details.

Overview

Possible values:

.automatic
.none
.popover
.sheet
.fullScreenCover

PresentationBackgroundInteraction

See SwiftUI.PresentationBackgroundInteraction for more details.

Overview

Possible values:

.automatic
.enabled
.enabled(upThrough: PresentationDetent), with a PresentationDetent
.disabled

PresentationContentInteraction

See SwiftUI.PresentationContentInteraction for more details.

Overview

Possible values:

.automatic
.resizes
.scrolls

PresentationDetent

See SwiftUI.PresentationDetent for more details.

Overview

Standard Detents:

.large
.medium

Fractional Detents

Use .fraction(_:) to create a detent that covers a percentage of the screen.

.fraction(0.5)
.fraction(0.75)

Fixed Height Detents

Use .height(_:) to create a detent with a fixed height.

.height(100)
.height(50)

ProjectionTransform

See SwiftUI.ProjectionTransform for more details.

Overview

Use a CoreGraphics/CGAffineTransform to build a transformation matrix.

.identity
CGAffineTransform(rotationAngle: 5)
CGAffineTransform(scaleX: 0.5, y: 1.5)
CGAffineTransform(translationX: 5, y: 10)

Prominence

See SwiftUI.Prominence for more details.

Overview

Possible values:

.standard
.increased

RectangleCornerRadii

See SwiftUI.RectangleCornerRadii for more details.

Overview

Create with a set of edge radii.

RectangleCornerRadii(topLeading: 5, bottomLeading: 5, bottomTrailing: 10, topTrailing: 10)
RectangleCornerRadii(topLeading: 8, bottomTrailing: 8)

RedactionReasons

See SwiftUI.RedactionReasons for more details.

Overview

Possible values:

.placeholder
.privacy
.invalidated

RoundedCornerStyle

See SwiftUI.RoundedCornerStyle for more details.

Overview

Possible values:

.circular
.continuous

SafeAreaRegions

See SwiftUI.SafeAreaRegions for more details.

Overview

Possible values:

.container
.keyboard
.all

ScenePadding

See SwiftUI.ScenePadding for more details.

Overview

Possible values:

.minimum
.navigationBar

ScrollBounceBehavior

See SwiftUI.ScrollBounceBehavior for more details.

Overview

Possible values:

.automatic
.always
.basedOnSize

ScrollDismissesKeyboardMode

See SwiftUI.ScrollDismissesKeyboardMode for more details.

Overview

Possible values:

.automatic
.immediately
.interactively
.never

ScrollIndicatorVisibility

See SwiftUI.ScrollIndicatorVisibility for more details.

Overview

Possible values:

.automatic
.visible
.hidden
.never

SearchFieldPlacement

See SwiftUI.SearchFieldPlacement for more details.

Overview

Possible values:

.automatic
.toolbar
.sidebar
.navigationBarDrawer
.navigationBarDrawer(NavigationBarDrawerDisplayMode) with a SearchFieldPlacement.NavigationBarDrawerDisplayMode

SearchFieldPlacement.NavigationBarDrawerDisplayMode

See SwiftUI.SearchFieldPlacement.NavigationBarDrawerDisplayMode for more details.

Overview

Possible values:

.automatic
.always

SearchPresentationToolbarBehavior

See SwiftUI.SearchPresentationToolbarBehavior for more details.

Overview

Possible values:

.automatic
.avoidHidingContext

SearchScopeActivation

See SwiftUI.SearchScopeActivation for more details.

Overview

Possible values:

.automatic
.onTextEntry
.onSearchPresentation

SearchSuggestionsPlacement.Set

See SwiftUI.SearchSuggestionsPlacement.Set for more details.

Overview

Possible values:

.menu
.content
Array of these values

StrokeStyle

See SwiftUI.StrokeStyle for more details.

Overview

lineWidth: CGFloat
lineCap: CGLineCap
lineJoin: CGLineJoin
miterLimit: CGFloat
dash: Array of CGFloat
dashPhase: CGFloat

StrokeStyle(lineWidth: 5)
StrokeStyle(lineCap: .round, lineJoin: .round, dash: [5, 10])

SubmitLabel

See SwiftUI.SubmitLabel for more details.

Overview

Possible values:

.done
.go
.send
.join
.route
.search
.return* `.next` * `.`continue

SubmitTriggers

See SwiftUI.SubmitTriggers for more details.

Overview

Possible values:

.text
.search

SymbolRenderingMode

See SwiftUI.SymbolRenderingMode for more details.

Overview

Possible values:

.monochrome
.multicolor
.hierarchical
.palette

SymbolVariants

See SwiftUI.SymbolVariants for more details.

Overview

Possible values:

.none
.circle
.square
.rectangle
.fill
.slash

Variants can be chained to build more complex variants.

.circle.fill
.fill.slash

Text.Case

See SwiftUI.Text.Case for more details.

Overview

Possible values:

.uppercase
.lowercase

Text.LineStyle.Pattern

See SwiftUI.Text.LineStyle.Pattern for more details.

Overview

Possible values:

.solid
.dot
.dash
.dashDot
.dashDotDot

Text.Scale

See SwiftUI.Text.Scale for more details.

Overview

Possible values:

.default
.secondary

Text.TruncationMode

See SwiftUI.Text.TruncationMode for more details.

Overview

Possible values:

.head
.tail
.middle

TextAlignment

See SwiftUI.TextAlignment for more details.

Overview

Possible values:

.leading
.center
.trailing

TextInputAutocapitalization

See SwiftUI.TextInputAutocapitalization for more details.

Overview

Possible values:

.never
.words
.sentences
.characters

TextInputDictationActivation

See SwiftUI.TextInputDictationActivation for more details.

Overview

Possible values:

.onLook
.onSelect

TextInputDictationBehavior

See SwiftUI.TextInputDictationBehavior for more details.

Overview

Possible values:

.automatic
.preventDictation

Use TextInputDictationActivation to create an inline activation.

.inline(activation: .onLook)
.inline(activation: .onSelect)

ToolbarDefaultItemKind

See SwiftUI.ToolbarDefaultItemKind for more details.

Overview

Possible values:

.sidebarToggle

ToolbarPlacement

See SwiftUI.ToolbarPlacement for more details.

Overview

Possible values:

.automatic
.accessoryBar(id: String)
.bottomBar
.bottomOrnament
.navigationBar
.tabBar
.windowToolbar

ToolbarRole

See SwiftUI.ToolbarRole for more details.

Overview

Possible values:

.automatic
.navigationStack
.browser
.editor

ToolbarTitleDisplayMode

See SwiftUI.ToolbarTitleDisplayMode for more details.

Overview

Possible values:

.automatic
.large
.inlineLarge
.inline

UnitCurve

See SwiftUI.UnitCurve for more details.

Overview

Possible values:

.easeInOut
.easeIn
.easeOut
.circularEaseIn
.circularEaseOut
.circularEaseInOut
.linear
.bezier(startControlPoint:endControlPoint:)

Apply .inverse to invert the curve.

.easeIn.inverse

Use a UnitPoint to specify the start/end points of a bezier curve.

.bezier(startControlPoint: .topLeading, endControlPoint: .bottomTrailing)

UnitPoint

See SwiftUI.UnitPoint for more details.

Overview

Standard Unit Points:

.zero
.center
.leading
.trailing
.top
.bottom
.topLeading
.topTrailing
.bottomLeading
.bottomTrailing

Use an x and y value to construct a custom unit point.

UnitPoint(x: 0.5, y: 0.5)
UnitPoint(x: 0, y: 0)

VerticalAlignment

Decodes a vertical alignment from a string.

Overview

Possible values:

top
center
bottom
firstTextBaseline
lastTextBaseline

VerticalEdge

See SwiftUI.VerticalEdge for more details.

Overview

Possible values:

.top
.bottom

VerticalEdge.Set

See SwiftUI.VerticalEdge.Set for more details.

Overview

Possible values:

.top
.bottom
.all
An array of VerticalEdge values

Visibility

A value that represents a hidden state.

Overview

Possible values:

automatic
visible
hidden

SymbolEffectOptions

See Symbols.SymbolEffectOptions for more details.

Overview

Possible values:

.repeating
.nonRepeating
.speed(Double)
.repeat(Int)

Container that presents content on separate pages.

Overview

Each child element will become its own tab.

<TabView class="tab-view-style-page">
    <Rectangle fillColor="system-red" />
    <Rectangle fillColor="system-red" />
    <Rectangle fillColor="system-red" />
</TabView>

The icon shown in the index view can be configured with the TabItemModifier modifier.

Bindings

selection

SwiftUI Documentation

See SwiftUI.TabView for more details on this View.

TextReference

A ViewReference that only resolves to SwiftUI.Text.

ToolbarContentReference

A ViewReference that only resolves to ToolbarContent types.

Overview

Use an atom or list of atoms to reference toolbar content.

:my_toolbar_content
[:item1, :item2]

<ToolbarItem template="my_toolbar_content">
    ...
</ToolbarItem>
<ToolbarItem template="item1" />
<ToolbarItem template="item2" />

UIKeyboardType

See UIKit.UIKeyboardType for more details.

Overview

Possible values:

.default
.asciiCapable
.numbersAndPunctuation
.URL
.numberPad
.phonePad
.namePhonePad
.emailAddress
.decimalPad
.twitter
.webSearch
.asciiCapableNumberPad

UITextContentType

See UIKit.UITextContentType for more details.

Overview

Possible values:

name
namePrefix
givenName
middleName
familyName
nameSuffix
nickname
jobTitle
organizationName
location
fullStreetAddress
streetAddressLine1
streetAddressLine2
addressCity
addressState
addressCityAndState
sublocality
countryName
postalCode
telephoneNumber
emailAddress
URL
creditCardNumber
username
password
newPassword
oneTimeCode

ViewReference

A reference to nested content from a stylesheet.

Overview

Parses an atom or list of atoms.

:my_view
[:view1, :view2]

<Rectangle template="my_view" />
<Text template="view1" />
<ScrollView template="view2" />

_AnyGesture

See SwiftUI.Gesture for more details.

Gestures

Drag

Detect swipes or drags across on an element. Optionally provide a minimumDistance and coordinateSpace as an AnyCoordinateSpaceProtocol.

DragGesture()
DragGesture(minimumDistance: 0, coordinateSpace: .global)

Long Press

Detect tap/click and hold on an element. Optionally provide a minimumDuration and maximumDistance.

LongPressGesture()
LongPressGesture(minimumDuration: 1, maximumDistance: 30)

Magnify

Detect pinch and zoom gestures on an element. Optionally provide a minimumScaleDelta.

MagnifyGesture()
MagnifyGesture(minimumScaleDelta: 0.1)

Rotate

Detect two finger rotation gestures on an element. Optionally provide a minimumAngleDelta as a Angle.

RotateGesture()
RotateGesture(minimumAngleDelta: .degrees(10))

Spatial Tap

A tap/click gesture that reports the position of the tap. Optionally provide a count and coordinateSpace as an AnyCoordinateSpaceProtocol.

SpatialTapGesture()
SpatialTapGesture(count: 2, coordinateSpace: .global)

Tap

A tap/click gesture. Optionally provide a count.

TapGesture()
TapGesture(count: 2)

Gesture Modifiers

Modify and receive events from gestures by applying modifiers to them.

Sequencing Gestures

Only receive events after the first gesture succeeds.

DragGesture().sequenced(before: TapGesture())

Simultaneous Gestures

Combine gestures where both can receive events at the same time.

RotateGesture().simultaneously(with: MagnifyGesture())

Exclusive Gestures

Combine gestures where only one can receive events at time. Priority is given to the first gesture.

RotateGesture().exclusively(before: MagnifyGesture())

Receiving Events

Use onEnded to receive an event when the gesture ends.

SpatialTapGesture().onEnded(event("tapped"))

def handle_event("tapped", gesture_value, socket), do: ...

tint(_:)

See SwiftUI.View/tint(_:) for more details on this ViewModifier.

tint(_:)

tint: AnyShapeStyle.Resolvable (required)

See SwiftUI.View/tint(_:) for more details on this ViewModifier. Example:

tint(_:)

tint: Color/Resolvable or nil (required)

See SwiftUI.View/tint(_:) for more details on this ViewModifier. Example:

← Previous Page SwiftUI to LiveView Native Conversion Cheat Sheet

Next Page → View Index