diff --git a/packages/vkui/src/components/Button/Button.tsx b/packages/vkui/src/components/Button/Button.tsx
index 48f200cde0f..29a5c5baabc 100644
--- a/packages/vkui/src/components/Button/Button.tsx
+++ b/packages/vkui/src/components/Button/Button.tsx
@@ -52,8 +52,19 @@ const densityClassNames = {
 };
 
 export interface VKUIButtonProps extends HasAlign {
+  /* eslint-disable jsdoc/require-description-complete-sentence */
   /**
    * Режим отображения кнопки.
+   *
+   * ![mode="primary"](data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGZpbGw9Im5vbmUiIHdpZHRoPSIxMjQiIGhlaWdodD0iNDIiPjxnIHRyYW5zZm9ybT0idHJhbnNsYXRlKDEyIDYpIj48cmVjdCB3aWR0aD0iMTAwIiBoZWlnaHQ9IjMwIiBmaWxsPSIjMjY4OGViIiByeD0iOCIvPjx0ZXh0IHhtbDpzcGFjZT0icHJlc2VydmUiIHg9IjI0Ljk3NiIgeT0iMTkuNDcyIiBmaWxsPSIjZmZmIiBmb250LWZhbWlseT0iUm9ib3RvIiBmb250LXNpemU9IjEzLjMzMyIgZm9udC13ZWlnaHQ9IjUwMCI+PHRzcGFuIHg9IjI0Ljk3NiIgeT0iMTkuNDcyIiBmb250LXNpemU9IjE0Ij5QcmltYXJ5PC90c3Bhbj48L3RleHQ+PC9nPjwvc3ZnPg==)
+   *
+   * ![mode="secondary"](data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMjQiIGhlaWdodD0iNDIiIGZpbGw9Im5vbmUiPjxnIHRyYW5zZm9ybT0idHJhbnNsYXRlKDEyIC0zNikiPjxyZWN0IHdpZHRoPSIxMDAiIGhlaWdodD0iMzAiIHk9IjQyIiBmaWxsPSIjZjVmNWY1IiByeD0iOCIvPjx0ZXh0IHhtbDpzcGFjZT0icHJlc2VydmUiIHg9IjE2LjIiIHk9IjYxLjUwMiIgZmlsbD0iIzI2ODhlYiIgZm9udC1mYW1pbHk9IlJvYm90byIgZm9udC1zaXplPSIxMy4zMzMiIGZvbnQtd2VpZ2h0PSI1MDAiPjx0c3BhbiB4PSIxNi4yIiB5PSI2MS41MDIiIGZvbnQtc2l6ZT0iMTQiPlNlY29uZGFyeTwvdHNwYW4+PC90ZXh0PjwvZz48L3N2Zz4=)
+   *
+   * ![mode="tertiary"](data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMjQiIGhlaWdodD0iNDIiIGZpbGw9Im5vbmUiPjx0ZXh0IHhtbDpzcGFjZT0icHJlc2VydmUiIHg9IjM3LjI4NiIgeT0iMjUuNDk4IiBmaWxsPSIjMjY4OGViIiBmb250LWZhbWlseT0iUm9ib3RvIiBmb250LXNpemU9IjEzLjMzMyIgZm9udC13ZWlnaHQ9IjUwMCI+PHRzcGFuIHg9IjM3LjI4NiIgeT0iMjUuNDk4IiBmb250LXNpemU9IjE0Ij5UZXJ0aWFyeTwvdHNwYW4+PC90ZXh0Pjwvc3ZnPg==)
+   *
+   * ![mode="outline"](data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMjQiIGhlaWdodD0iNDIiIGZpbGw9Im5vbmUiPjxnIHRyYW5zZm9ybT0idHJhbnNsYXRlKDEyIC0xMjApIj48cmVjdCB3aWR0aD0iOTkiIGhlaWdodD0iMjkiIHg9Ii41IiB5PSIxMjYuNSIgc3Ryb2tlPSIjMjY4OGViIiByeD0iNy41Ii8+PHRleHQgeG1sOnNwYWNlPSJwcmVzZXJ2ZSIgeD0iMjcuMjUzIiB5PSIxNDUuNDg2IiBmaWxsPSIjMjY4OGViIiBmb250LWZhbWlseT0iUm9ib3RvIiBmb250LXNpemU9IjEzLjMzMyIgZm9udC13ZWlnaHQ9IjUwMCI+PHRzcGFuIHg9IjI3LjI1MyIgeT0iMTQ1LjQ4NiIgZm9udC1zaXplPSIxNCI+T3V0bGluZTwvdHNwYW4+PC90ZXh0PjwvZz48L3N2Zz4=)
+   *
+   * ![mode="link"](data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMjQiIGhlaWdodD0iNDIiIGZpbGw9Im5vbmUiPjx0ZXh0IHhtbDpzcGFjZT0icHJlc2VydmUiIHg9IjEyLjE1NyIgeT0iMjUuNDkxIiBmaWxsPSIjMjY4OGViIiBmb250LWZhbWlseT0iUm9ib3RvIiBmb250LXNpemU9IjEzLjMzMyIgZm9udC13ZWlnaHQ9IjUwMCI+PHRzcGFuIHg9IjEyLjE1NyIgeT0iMjUuNDkxIiBmb250LXNpemU9IjE0Ij5MaW5rPC90c3Bhbj48L3RleHQ+PC9zdmc+)
    */
   mode?: 'primary' | 'secondary' | 'tertiary' | 'outline' | 'link' | undefined;
   /**