Raxol.UI.Components.CodeBlock (Raxol v0.5.0)
View SourceRenders a block of code with syntax highlighting.
Requires the makeup_elixir
dependency (and potentially other lexers).
Uses HTML output from Makeup.
Summary
Functions
Handles events for the component. No events are handled by default.
Initializes the component state from props.
Callback implementation for Raxol.UI.Components.Base.Component.mount/1
.
Renders the code block.
Callback implementation for Raxol.UI.Components.Base.Component.unmount/1
.
Updates the component state. No updates are handled by default.
Functions
Handles events for the component. No events are handled by default.
Initializes the component state from props.
Callback implementation for Raxol.UI.Components.Base.Component.mount/1
.
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 outerpre
tag.
Callback implementation for Raxol.UI.Components.Base.Component.unmount/1
.
Updates the component state. No updates are handled by default.