Skip to main content
Metabind home page
Search...
⌘K
Support
Metabind
Metabind
Search...
Navigation
Modifiers
blur
Guides
BindJS Reference
REST API
GraphQL API
MCP Server
Overview
Introduction
Quickstart
Guides
Core Concepts
Properties
AI
LLM Guide
Components
Button
Capsule
Circle
ContextMenu
Divider
Ellipse
Empty
ForEach
GeometryReader
Group
HStack
Image
Label
LazyHStack
LazyVStack
List
Markdown
Model3D
NavigationLink
NavigationStack
Picker
Placeholder
ProgressView
Rectangle
RoundedRectangle
ScrollView
Section
SecureField
Shader
Spacer
Text
TextEditor
TextField
Toggle
Toolbar
ToolbarItem
ToolbarItemGroup
Video
VStack
ZStack
Content Editor
ComposerAdd
Styles
AngularGradient
Color
EllipticalGradient
LinearGradient
Material
RadialGradient
Functions
Animations
defineButtonStyle
defineComponent
Detent
getComponentData
makeComponent
OpenURLAction
useAction
useAppState
useEnvironment
useNavigate
useState
useStore
withAnimation
Modifiers
accessibilityAddTraits
accessibilityHidden
accessibilityHint
accessibilityLabel
accessibilityRemoveTraits
accessibilityRepresentation
accessibilityValue
allowsHitTesting
allowsTightening
autocorrectionDisabled
background
blendMode
blur
bold
border
brightness
buttonStyle
clipShape
clipped
colorInvert
colorScheme
contentShape
contrast
coordinateSpace
controlSize
cornerRadius
disabled
dynamicTypeSize
environment
fixedSize
font
fontDesign
fontWeight
fontWidth
foregroundStyle
frame
glassEffect
grayscale
hidden
id
ignoresSafeArea
italic
layoutPriority
lineLimit
lineSpacing
mask
minimumScaleFactor
monospaced
multilineTextAlignment
navigationDestination
navigationTitle
offset
onAppear
onChange
onDisappear
onDragGesture
onLongPressGesture
onTapGesture
opacity
overlay
padding
pickerStyle
previewName
quickLookPreview
rotationEffect
saturation
scaleEffect
scrollTargetBehavior
scrollTargetLayout
shadow
strikethrough
tag
textCase
textSelection
tracking
transformEffect
underline
visualEffect
zIndex
Types
AccessibilityTraits
Alignment
Axis
BlendMode
DynamicTypeSize
Edge
EdgeSet
FontDesign
FontWeight
FontWidth
PickerStyle
TextStyle
ToolbarItemPlacement
UnitPoint
On this page
Parameters
Support
Usage
Modifiers
blur
Copy page
Applies a blur effect to this view.
Copy page
Copy
.
blur
(
radius
:
number
):
Component
;
Parameters
radius
number
The blur radius. Higher values create more blur.
Support
Usage
Copy
Image
(
"photo.jpg"
)
.
blur
(
16
)
blendMode
bold
⌘I