Виджет нестандартной формы

[andrew.k]

Хочется виджет такой формы. Это прямоугольник со скругленными углами (border-radius > 0 ) и маленьким треугольником с одного края.
Понятно, что можно задать нужную маску. Но маска обрезает бордер.
Хочется, чтобы он стилизовался стандартным QSS.
То есть мы задали нашему виджету например:

Код

CSS
border-radius: 10px;
border: 2px solid;
 

И он корректно обвелся рамкой.

Как бы вы реализовывали?