Skip to content

Commit 917747b

Browse files
chore(button): clarify image size options
1 parent 636378f commit 917747b

File tree

1 file changed

+5
-1
lines changed

1 file changed

+5
-1
lines changed

components/button/icons.md

Lines changed: 5 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -47,7 +47,11 @@ The following example shows how to use an image from a URL, a sprite image, and
4747
4848
>tip If you don't add text to the button, the button will center the icon on all sides.
4949
50-
>note Raster images used as icons should generally be small enough to fit in a line of text - the button is an inline element and is not designed for large images. If you want to use big icon buttons, consider defining a `Class` on the button that provides `height` and `width` sufficient to accommodate the icon, or attaching an `@onclick` handler to an icon/`span`/`img` element instead of using a button.
50+
>note Images used as icons should generally be small enough to fit in a line of text - the button is an inline element and is not designed for large images. If you want to use big icon buttons, consider one of the following options:
51+
>
52+
> * defining a `Class` on the button that provides `height` and `width` sufficient to accommodate the icon,
53+
> * or attaching an `@onclick` handler to an icon/`span`/`img` element instead of using a button,
54+
> * or adding your own HTML inside the button, something like: `<TelerikButton><img style="width: 400px; height: 400px;" src="my-icon.svg" />some text</TelerikButton>`
5155
5256

5357
## See Also

0 commit comments

Comments
 (0)