ComponentsShape

Ellipse

Ellipse renders an oval surface inside the supplied frame, aligned with SwiftUI's `Ellipse`.

Examples

Preview unavailable for this example in the static docs build.

Show code

<Ellipse fill="#34c759" style={{ width: 180, height: 120 }}></Ellipse>

Preview unavailable for this example in the static docs build.

Show code

<Ellipse fill="#dcfce7" stroke="#15803d" strokeWidth={3} style={{ width: 200, height: 120 }}></Ellipse>

Prop	Type	Required	Description
`fill`	`string`	No	No description yet.
`stroke`	`string`	No	No description yet.
`strokeWidth`	`number`	No	No description yet.

Inherits additional props from IBaseComponent.

Ellipse renders an oval surface inside the supplied frame, aligned with SwiftUI's Ellipse.

Circle

Circle is a circular shape. Circle is used to create circular visual elements, such as avatars, badges, and indicators.

Rectangle

Rectangle is a rectangular shape. Rectangle is used to create rectangular visual elements, such as cards, backgrounds, and containers.