bokeh.models.widgets.markups¶

Various kinds of markup (static content) widgets.

class Div(**kwargs)[source]¶

Bases: bokeh.models.widgets.markups.Markup

A block (div) of text.

This Bokeh model corresponds to an HTML <div> element.

Example

from bokeh.io import output_file, show
from bokeh.layouts import widgetbox
from bokeh.models.widgets import Div

output_file("div.html")

div = Div(text="""Your <a href="https://en.wikipedia.org/wiki/HTML">HTML</a>-supported text is initialized with the <b>text</b> argument.  The
remaining div arguments are <b>width</b> and <b>height</b>. For this example, those values
are <i>200</i> and <i>100</i> respectively.""",
width=200, height=100)

show(widgetbox(div))

render_as_text¶

property type: Bool

Whether the contents should be rendered as raw text or as interpreted HTML. The default value is False, meaning contents are rendered as HTML.

{
  "css_classes": null,
  "disabled": false,
  "height": null,
  "id": "a49a30f5-e531-403c-bc83-eb144a5ff761",
  "js_event_callbacks": {},
  "js_property_callbacks": {},
  "name": null,
  "render_as_text": false,
  "sizing_mode": "fixed",
  "subscribed_events": [],
  "tags": [],
  "text": "",
  "width": null
}

class Markup(**kwargs)[source]¶

Bases: bokeh.models.widgets.widget.Widget

Base class for Bokeh models that represent HTML markup elements.

Markups include e.g., <div>, <p>, and <pre>.

Note

This is an abstract base class used to help organize the hierarchy of Bokeh model types. It is not useful to instantiate on its own.

text¶

property type: String

The contents of the widget.

{
  "css_classes": null,
  "disabled": false,
  "height": null,
  "id": "fe0c1871-d937-43e3-b835-90acfaf4ed92",
  "js_event_callbacks": {},
  "js_property_callbacks": {},
  "name": null,
  "sizing_mode": "fixed",
  "subscribed_events": [],
  "tags": [],
  "text": "",
  "width": null
}

class Paragraph(**kwargs)[source]¶

Bases: bokeh.models.widgets.markups.Markup

A block (paragraph) of text.

This Bokeh model corresponds to an HTML <p> element.

Example

from bokeh.io import output_file, show
from bokeh.layouts import widgetbox
from bokeh.models.widgets import Paragraph

output_file("div.html")

p = Paragraph(text="""Your text is initialized with the 'text' argument.  The
remaining Paragraph arguments are 'width' and 'height'. For this example, those values
are 200 and 100 respectively.""",
width=200, height=100)

show(widgetbox(p))

{
  "css_classes": null,
  "disabled": false,
  "height": null,
  "id": "49a6beb6-01cb-4469-a22c-a98945123b37",
  "js_event_callbacks": {},
  "js_property_callbacks": {},
  "name": null,
  "sizing_mode": "fixed",
  "subscribed_events": [],
  "tags": [],
  "text": "",
  "width": null
}

class PreText(**kwargs)[source]¶

Bases: bokeh.models.widgets.markups.Paragraph

A block (paragraph) of pre-formatted text.

This Bokeh model corresponds to an HTML <pre> element.

Example

from bokeh.io import output_file, show
from bokeh.layouts import widgetbox
from bokeh.models.widgets import PreText

output_file("div.html")

pre = PreText(text="""Your text is initialized with the 'text' argument.

The remaining Paragraph arguments are 'width' and 'height'. For this example,
those values are 500 and 100 respectively.""",
width=500, height=100)

show(widgetbox(pre))

{
  "css_classes": null,
  "disabled": false,
  "height": null,
  "id": "761b2e17-0b56-47a8-a1b7-3ac531b2daf0",
  "js_event_callbacks": {},
  "js_property_callbacks": {},
  "name": null,
  "sizing_mode": "fixed",
  "subscribed_events": [],
  "tags": [],
  "text": "",
  "width": null
}