Shutter with position

Hi There,

I’m new to this so sorry for the maybe dumb question. I tried googling it but did not find anything related.

I have a Tasmota flashed shutter. The switch has 3 Buttons “Up” Down” “Stop”.
Via MQTT I can manage to get everything working including SHUTTERPOSITION1 to 37 (%)

dynamic: cmnd/tasmota_shutter/SHUTTERPOSITION1 {1-100}
for UP: cmnd/tasmota_shutter/POWER1 {1}
for DOWN: cmnd/tasmota_shutter/POWER2 {1}
for STOP: cmnd/tasmota_shutter/POWER3 {1}

stat/tasmota_shutter/RESULT provides something like:

  "Shutter1" : {
    "Position" : 88,
    "Direction" : 1,
    "Target" : 100
  "Shutter1" : {
    "Position" : 45,
    "Direction" : -1,
    "Target" : 0
  "POWER3" : "ON"

Somehow I find it difficult to get this in home assistant. My configuration.yaml looks as follows:

  - platform: mqtt
    name: shutter
    state_topic: "stat/tasmota_shutter/RESULT"
    command_topic: "cmnd/tasmota_shutter/SHUTTERPOSITION1"
    #command_topic: "cmnd/tasmota_shutter/SHUTTER2" 
    position_topic: "cmnd/tasmota_shutter/SHUTTERPOSITION1"
    set_position_topic: "cmnd/tasmota_shutter/SHUTTERPOSITION1"
    payload_available: "true"
    payload_not_available: "false"
    qos: 1
    retain: false
    payload_open: 100
    payload_close: 0
    payload_stop: "stop"
    position_open: 100
    position_closed: 0
    optimistic: false
    unique_id: "shutter1"

I would like to have an Arrow Up, a Stop icon an Arrow down and a bar to set the percentage.
At the moment only up, stop and down are visible in the overview.

Can you help me?