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": "cb48cdbf-7fbc-4fac-974d-02d65b65e85e",
  "js_event_callbacks": {},
  "js_property_callbacks": {},
  "name": null,
  "render_as_text": false,
  "sizing_mode": "fixed",
  "style": {},
  "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.

style¶

property type: Dict ( String , Any )

Raw CSS style declaration. Note this may be web browser dependent.

text¶

property type: String

The contents of the widget.

{
  "css_classes": null,
  "disabled": false,
  "height": null,
  "id": "a370c62f-e9f7-4dc0-8ead-07e585cc1a2b",
  "js_event_callbacks": {},
  "js_property_callbacks": {},
  "name": null,
  "sizing_mode": "fixed",
  "style": {},
  "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": "47c1250f-eace-42d3-835e-1e400b452985",
  "js_event_callbacks": {},
  "js_property_callbacks": {},
  "name": null,
  "sizing_mode": "fixed",
  "style": {},
  "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": "1877d3a1-e4d9-40f8-9705-047d876a8ce9",
  "js_event_callbacks": {},
  "js_property_callbacks": {},
  "name": null,
  "sizing_mode": "fixed",
  "style": {},
  "subscribed_events": [],
  "tags": [],
  "text": "",
  "width": null
}