- Welcome
- Getting started
- Latest updates
- Foundations
-
Components
- Accordion
- Alert
- Alignment
- App Search Modal
- Aria live
- Autosuggest
- Badge
- Banner alert
- Bar chart
- Blockquote
- Bottom navigation
- Bottom sheet
- Breadcrumb
- Breakpoint
- Button
- Calendar
- Card
- Card list
- Card button
- Carousel
- Checkbox
- Chip
- Chip group
- Code
- Content cards
- Data Table
- Datepicker
- Description list
- Dialog
- Divider
- Drawer
- Field Set
- Flare
- Flat list
- Flight leg
- Floating action button
- Floating notification
- Form label
- Form validation
- Graphic promotion
- Horizontal navigation
- Icon
- Image
- Image Gallery
- Infinite scroll
- Info Banner
- Inset Banner
- Link
- List
- Map
- Mobile scroll container
- Modal
- Navigation bar
- Navigation Tab Group
- Nudger
- Overlay
- Page indicator
- Pagination
- Panel
- Phone input
- Picker
- Popover
- Price
- Progress bar
- Radio button
- Rating
- Rating Bar
- Scrollable calendar
- Search Modal
- Section header
- Section list
- Select
- Skeleton
- Skip link
- Slider
- Snackbar
- Snippet
- Spinner
- Split input
- Star rating
- Swap Button
- Switch
- Table
- Text
- Text input
- Theming
- Ticket
- Toast
- Tooltip
- Touchable native feedback
- Touchable overlay
- Search Input Summary
- Content
- Accessibility
- Contributing
- Localisation
Flare
The flare enables you to display content with a pointer to directional content.
Backpack-SwiftUI/Flare
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")
}
```
Made with ❤️ by Skyscanner © 2024
© 2024 Skyscanner Backpack. Page last updated on Apr 28, 2023, 02:23