A style that describes the corner of a rectangular shape.
A corner can be square, rounded with a fixed-radius curve, or rounded
with a curve that's concentric to the container shape. For more
information on how to create a shape with configurable corner styles,
see ``ConcentricRectangle``.
- SeeAlso: ``ConcentricRectangle``, ``RoundedRectangularShape``
A rounded corner style where the corner's radius shares a center
point with the container shape's corner radius, with an optional
minimum radius.
When a corner is concentric to its container, the system
calculates the corner radius to equal the container shape's corner
radius minus the distance between corners. If the radius that the
system calculates is less than the minimum radius you provide, the
system uses the minimum radius. When the system calculates a zero
radius, the corner is square.
get · iOS 26.0+
concentric
TypeScript
static get concentric(): Edge_Corner_Style
Swift declaration
static var concentric: Edge.Corner.Style { get }
A rounded corner style where the corner's radius shares a center
point with the container shape's corner radius.
When a corner is concentric to its container, the system
calculates the corner radius to equal the container shape's corner
radius minus the distance between corners. When the system
calculates a zero radius, the corner is square.
Create a fixed corner style with a float value as its corner radius.
This is a shorthand of writing `.fixed(value)`.
- Parameter value: The fixed corner radius.
get · iOS 26.0+
animatableData
TypeScript
get animatableData(): Edge_Corner_Style_AnimatableData
Swift declaration
var animatableData: Edge.Corner.Style.AnimatableData { get set }
The data to animate.
SwiftUI reads this property to capture the current vector
representation of the animatable state, and writes it back
on each animation frame with an interpolated value. The
default implementation returns ``EmptyAnimatableData``,
meaning nothing is animated.
Use the ``Animatable()`` macro to synthesize this
property automatically. Implement it by hand only when
you need custom interpolation logic such as clamping,
normalization, or mapping to a derived value.
set · iOS 26.0+
animatableData
TypeScript
set animatableData(value: Edge_Corner_Style_AnimatableData)
Swift declaration
var animatableData: Edge.Corner.Style.AnimatableData { get set }
The data to animate.
SwiftUI reads this property to capture the current vector
representation of the animatable state, and writes it back
on each animation frame with an interpolated value. The
default implementation returns ``EmptyAnimatableData``,
meaning nothing is animated.
Use the ``Animatable()`` macro to synthesize this
property automatically. Implement it by hand only when
you need custom interpolation logic such as clamping,
normalization, or mapping to a derived value.
Create a fixed corner style with an int value as its corner radius.
This is a shorthand of writing `.fixed(value)`.
- Parameter value: The fixed corner radius.
