InfoBar
proInfoBar displays a signal strength indicator with three bars, commonly used to show levels like low, medium, or high intensity.
Low:
Medium:
High:
Installation
Add this component with the NateUI CLI.
Examples
Custom Height
API
| Prop | Description | Type | Default |
|---|---|---|---|
level | The level to display. Low shows 1 bar (red), medium shows 2 bars (yellow), high shows 3 bars (green). | 'low' | 'medium' | 'high' | — |
height | Height of the info bar in pixels. | number | 15 |
className | Additional CSS classes to apply to the container. | string | — |