ComponentsShape

Capsule

Capsule renders a pill-shaped surface with fully rounded ends, aligned with SwiftUI's `Capsule` mental model.

Examples

Preview unavailable for this example in the static docs build.

Show code

<Capsule fill="#007aff" style={{ width: 180, height: 64 }}></Capsule>

Preview unavailable for this example in the static docs build.

Show code

<Capsule fill="#e0f2fe" stroke="#0284c7" strokeWidth={2} style={{ width: 200, height: 72 }}></Capsule>

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.

Capsule renders a pill-shaped surface with fully rounded ends, aligned with SwiftUI's Capsule mental model.

SettingsLink

SettingsLink mirrors SwiftUI's settings-entry affordance while staying web-native as a standard link.

Circle

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