# Rank UI

![](https://580445893-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fzf2ZAqGbUPk9K8cVFSgd%2Fuploads%2FG3OyQyo5oMz0xJ81z3z8%2Fimage.png?alt=media\&token=a0bfeae1-11c5-4137-aca0-94ec9c38508d)

### Video

{% embed url="<https://youtu.be/LxdI-Ez4pVE>" %}

### Create Rank UI

```lua
local rankData = {
    isVisible = true,
    rank_text = "Rank: 1",
    rank_header_text = "Rank:",
    xp_bar_value = "0.1",
}
local rank = exports["qadr_ui"]:createRankUI(rankData)
```

### Update Rank UI

```lua
local rank = exports["qadr_ui"]:createRankUI()
Wait(3000)
rank:updatevalue({
    isVisible = true,            -- Must bool
    rank_text = "10",            -- Must string
    rank_header_text = "Qadr_UI",-- Must string
    xp_bar_value = "0.3",        -- Must string
})
```

### Clear Rank UI

```lua
local rank = exports["qadr_ui"]:createRankUI()
Wait(3000)
rank:updatevalue({
    isVisible = true,            -- Must bool
    rank_text = "10",            -- Must string
    rank_header_text = "Qadr_UI",-- Must string
    xp_bar_value = "0.3",        -- Must string
})
Wait(5000)
rank:clear()
```

### Example

```lua
RegisterCommand("rankUI",function()
    local rankData = {
        isVisible = true,
        rank_text = "Rank: 1",
        rank_header_text = "Rank:",
        xp_bar_value = "0.1",
    }
    local rank = exports["qadr_ui"]:createRankUI(rankData)
    Wait(3000)
    rank:updatevalue({
        isVisible = true,
        rank_text = "10",
        rank_header_text = "Qadr_UI",
        xp_bar_value = "0.3",
    })
    print("wait 1 sec")
    Wait(1000)
    rank:updatevalue({
        isVisible = true,
        rank_text = "20",
        rank_header_text = "Qadr_UI",
        xp_bar_value = "0.5",
    })
    print("wait 3 sec")
    Wait(3000)
    rank:updatevalue({
        isVisible = true,
        rank_text = "10",
        rank_header_text = "Qadr_UI",
        xp_bar_value = "0.7",
    })
    print("wait 5 sec")
    Wait(5000)
    rank:updatevalue({
        isVisible = true,
        rank_text = "20",
        rank_header_text = "Qadr_UI",
        xp_bar_value = "0.9",
    })
    print("wait 5 sec")
    Wait(5000)
    rank:clear()    
    print("Clear All Data")
end)
```