Search documentation of phoenix_kit

# PhoenixKitWeb.Components.Core.MarkdownContent (phoenix_kit v1.7.87)

Copy Markdown View Source

Renders markdown content with consistent styling across the application.

Uses Tailwind Typography's `prose` classes for markdown rendering, with theme-aware color integration via daisyUI's CSS custom properties.

## Usage

    <.markdown_content content={@rendered_html} />

    # With custom class
    <.markdown_content content={@rendered_html} class="my-custom-class" />

## Features

- Styled headings (h1-h6)
- Paragraph spacing and line height
- Bullet and numbered lists
- Inline and block code styling
- Blockquotes
- Tables
- Horizontal rules
- Theme-aware colors (works with all daisyUI themes)
- Responsive variants (`prose-sm`, `prose-lg`)

## CSS Integration

This component relies on prose overrides defined in `app.css` that extend Tailwind Typography to use daisyUI's theme CSS custom properties.

## Summary

### Functions

markdown_content(assigns)

Renders HTML content with markdown-appropriate styling.

## Functions

# markdown_content(assigns)

Renders HTML content with markdown-appropriate styling.

## Attributes

- `content` - The raw HTML string to render (required)
- `class` - Additional CSS classes to apply (optional)

## Modifiers

Add these classes to change the prose size:

- `prose-sm` - Smaller text, compact spacing
- `prose-lg` - Larger text, comfortable spacing (default)

## Attributes

- `content` (`:string`) (required) - The raw HTML content to render.
- `class` (`:string`) - Additional CSS classes. Defaults to `""`.