From a14ac48a99999929d05ebe4f98bba0dd53545b1e Mon Sep 17 00:00:00 2001
From: Becky Gilbert <beckyannegilbert@gmail.com>
Date: Fri, 15 Oct 2021 14:14:06 -0700
Subject: [PATCH] add minor note about embedding images in buttons

---
 docs/plugins/audio-button-response.md | 7 ++++++-
 1 file changed, 6 insertions(+), 1 deletion(-)

diff --git a/docs/plugins/audio-button-response.md b/docs/plugins/audio-button-response.md
index 21da7f95..477a2702 100644
--- a/docs/plugins/audio-button-response.md
+++ b/docs/plugins/audio-button-response.md
@@ -71,4 +71,9 @@ In addition to the [default data collected by all plugins](../overview/plugins.m
 			<iframe src="../../demos/jspsych-audio-button-response-demo-2.html" width="90%;" height="500px;" frameBorder="0"></iframe>
 		</div>
 
-	<a target="_blank" rel="noopener noreferrer" href="../../demos/jspsych-audio-button-response-demo-2.html">Open demo in new tab</a>
\ No newline at end of file
+	<a target="_blank" rel="noopener noreferrer" href="../../demos/jspsych-audio-button-response-demo-2.html">Open demo in new tab</a>
+
+	Note: if you want the images to look more like jsPsych buttons, i.e. with borders and different styles for hover/active/disabled states, then you can also embed the image element inside the default `button_html` string, like this:
+	```js
+	button_html: '<button class="jspsych-btn"><img src="%choice%" /></button>'
+	```
\ No newline at end of file