Raxol.Components.CodeBlock (Raxol v0.3.0)

View Source

Renders a block of code with syntax highlighting.

Requires the makeup_elixir dependency (and potentially other lexers). Uses HTML output from Makeup.

Summary

Functions

broadcast(msg)

command(cmd)

handle_event(event, state, context)

Callback implementation for Raxol.UI.Components.Base.Component.handle_event/3.

init(props)

Callback implementation for Raxol.UI.Components.Base.Component.init/1.

mount(state)

Callback implementation for Raxol.UI.Components.Base.Component.mount/1.

render(state, context)

Renders the code block.

Props:

  • content (required): The source code string.
  • language (required): The language name (e.g., "elixir", "html").
  • style: The Makeup HTML style module (e.g., Makeup.Styles.GithubLight). Defaults to :github_light style lookup.
  • class: Optional CSS class for the outer pre tag.

schedule(msg, delay)

unmount(state)

Callback implementation for Raxol.UI.Components.Base.Component.unmount/1.

update(message, state)

Callback implementation for Raxol.UI.Components.Base.Component.update/2.