diff --git a/doc/groovy/SetDomClasses.ipynb b/doc/groovy/SetDomClasses.ipynb
new file mode 100644
index 0000000000..7fbb6dcb3a
--- /dev/null
+++ b/doc/groovy/SetDomClasses.ipynb
@@ -0,0 +1,126 @@
+{
+ "cells": [
+ {
+ "cell_type": "code",
+ "execution_count": null,
+ "metadata": {},
+ "outputs": [],
+ "source": [
+ "%%html\n",
+ ""
+ ]
+ },
+ {
+ "cell_type": "code",
+ "execution_count": null,
+ "metadata": {},
+ "outputs": [],
+ "source": [
+ "import com.twosigma.beakerx.widget.Label\n",
+ "\n",
+ "l = new Label()\n",
+ "l.setValue(\"This is a big red serif font text in italics\")\n",
+ "l.setDomClasses([\"red\", \"italic\", \"serif\", \"bigFont\"])\n",
+ "l"
+ ]
+ },
+ {
+ "cell_type": "code",
+ "execution_count": null,
+ "metadata": {},
+ "outputs": [],
+ "source": [
+ "%%html\n",
+ ""
+ ]
+ },
+ {
+ "cell_type": "code",
+ "execution_count": null,
+ "metadata": {},
+ "outputs": [],
+ "source": [
+ "import com.twosigma.beakerx.widget.Button\n",
+ "\n",
+ "b = new Button()\n",
+ "b.setDescription(\"Bouncing button\")\n",
+ "b.setDomClasses([\"bxPrimaryButton\"])\n",
+ "b"
+ ]
+ }
+ ],
+ "metadata": {
+ "kernelspec": {
+ "display_name": "Groovy",
+ "language": "groovy",
+ "name": "groovy"
+ },
+ "language_info": {
+ "codemirror_mode": "groovy",
+ "file_extension": ".groovy",
+ "mimetype": "",
+ "name": "Groovy",
+ "nbconverter_exporter": "",
+ "version": "2.4.3"
+ },
+ "toc": {
+ "base_numbering": 1,
+ "nav_menu": {},
+ "number_sections": false,
+ "sideBar": false,
+ "skip_h1_title": false,
+ "title_cell": "Table of Contents",
+ "title_sidebar": "Contents",
+ "toc_cell": false,
+ "toc_position": {},
+ "toc_section_display": false,
+ "toc_window_display": false
+ }
+ },
+ "nbformat": 4,
+ "nbformat_minor": 2
+}