Flare

The flare enables you to display content with a pointer to directional content.

Backpack-SwiftUI/Flare

Cocoapods class reference view on Github

All

Day Night

Usage

BPKFlareView receives a ViewBuilder that will be used to render the content of the flare.

Centering content in the flare

You'll need to add extra padding to the bottom or top of the content depending on the direction of the flare.


                                                
                                                BPKFlareView {
                                                    Text("Hello World")
                                                    .padding(.bottom)
                                                }
                                                
                                                BPKFlareView(direction: .top) {
                                                    Text("Hello World")
                                                    .padding(.top)
                                                }

Medium Flare Size


                                                
                                                BPKFlareView {
                                                    Text("Hello World")
                                                }

Rect Corners


                                                
                                                BPKFlareView(roundedCorners: false) {
                                                    Text("Hello World")
                                                }

Direction Top


                                                
                                                BPKFlareView(direction: .top) {
                                                    Text("Hello World")
                                                }

Small Flare Size

```swift
BPKFlareView(size: .small) { Text("Hello World") }

### Large Flare Size

swift
BPKFlareView(size: .large) { Text("Hello World") } ```