Codeblock
Show a codeblock.
{
"package": "dejavu",
"rating: "5 stars"
}
Copied!
<x-ui::codeblock>
{
"package": "dejavu",
"rating: "5 stars"
}
</x-ui::codeblock>
Copied!
Copy to clipboard
You can show or hide the copy to clipboard button
{
"package": "dejavu",
"rating: "5 stars"
}<x-ui::codeblock :withCopyButton="false">
{
"package": "dejavu",
"rating: "5 stars"
}
</x-ui::codeblock>
Copied!
Language
You can also define the highlight language
<x-slot:trigger>
<x-ui::secondary-button>
Edit profile
</x-ui::secondary-button>
</x-slot:trigger>
Copied!
<x-ui::codeblock :withCopyButton="false">
{
"package": "dejavu",
"rating: "5 stars"
}
</x-ui::codeblock>
Copied!