Code

Interactive code block component with Preview and Code tabs and clipboard copy functionality.

Component Syntax

blade

<x-aura::code title="Example" language="blade">
    ...
</x-aura::code>

1. Interactive Code Block

blade

Example Code Block

blade

<x-aura::button variant="primary">
    Explore
</x-aura::button>

<x-aura::code title="Example Code Block" language="blade">

    <x-slot:preview>

        <x-aura::button variant="primary">
            Explore
        </x-aura::button>

    </x-slot:preview>

    <x-slot:codeSlot>

        <x-aura::button variant="primary">
            Explore
        </x-aura::button>

    </x-slot:codeSlot>

</x-aura::code>

Component Props

Available properties and configurations for the code component.

Prop	Default	Available Values
title	null	Title string
language	blade	blade html php js bash
active	preview	preview code
showTabs	true	true false
variant	default	default dark
code	null	Code snippet string
highlighted	false	true false

Aura Wire

Component Library

Code

Component Syntax

1. Interactive Code Block

Example Code Block

Component Props

Timeline

List

Aura Wire