The VolumeInfo help to explain to the end user what Volume payment method is.
This is suitable to be placed in the checkout flow of your application if you for example have multiple payment options available to your customers and you wish to explain to them what Volume is.
Usage
Initialize the VolumeProvider class in exactly the same way as with the regular Volume Button
Add a widget to your application where you wish to render the Volume info icon.
ZStack {
Rectangle()
.foregroundColor(Color(hex: "#DCDDE8"))
.cornerRadius(5)
.frame(maxWidth: .infinity, maxHeight: 54)
HStack(alignment: .center) {
VolumeSelector(
country: country,
currency: currency,
size: 35.0
).padding()
Text("Pay With Bank App")
.fontWeight(.semibold)
.font(.custom("NotoSans-Regular", size: 18))
.frame(maxWidth: .infinity)
VolumeInfo(size: 20.0)
Image(systemName: "largecircle.fill.circle")
.padding()
}
.frame(maxWidth: .infinity, idealHeight: 54, alignment: .leading)
}
.padding(.horizontal, 12.0)Properties
VolumeInfoWidget properties
Required Properties
| key | type | example | description |
|---|---|---|---|
| size | Double | 35.0 | The country - used to show the banks only from given country |
| color | Color | Color(0xFF000000) | The Color of VolumeInfo. Default value is black |