# Configure the UI Elements

| Available Buttons |
| ----------------- |
| Torch button |
| Camera toggle button |
| Close button (BarcodeScanner API only) |

BarcodeScanner provides a set of UI elements that you can easily customize.

<div align="center">
    <p><img src="../../../assets/buttons.png" width="70%" alt="buttons"></p>
    <p>buttons</p>
</div>

- Torch button: A clickable button that turns the torch on or off.
- Camera toggle button: A clickable button that switches the front/back-facing camera.
- Close button: Stops barcode scanning and returns to the previous activity.


<div class="sample-code-prefix"></div>
>- Objective-C
>- Swift
>
>1. 
```objc
@property (nonatomic, strong) DSCameraView *cameraView;
self.cameraView = [[DSCameraView alloc] initWithFrame:self.view.bounds];
[self.cameraView setTorchButtonVisible:YES];
self.cameraView.cameraToggleButtonVisible = YES;
```
2. 
```swift
let cameraView = self.cameraView
cameraView?.torchButtonVisible = true
cameraView?.cameraToggleButtonVisible = true
```

**Related APIs**

- [`CameraView`](/camera-enhancer/docs/mobile/programming/ios/auxiliary-api/dcecameraview.html)
  - [setTorchButtonVisible](https://www.dynamsoft.com/camera-enhancer/docs/mobile/programming/ios/auxiliary-api/dcecameraview.md#settorchbuttonvisible)
  - [setCameraToggleButtonVisible](https://www.dynamsoft.com/camera-enhancer/docs/mobile/programming/ios/auxiliary-api/dcecameraview.md#setcameratogglebuttonvisible)