Code display components for inline code and code blocks.
Código en línea
Use the
mix phx.server
command to start the Phoenix server.
You can also run
mix test
to execute the test suite.
Bloque de código
defmodule MyApp.Greeting do
def hello(name) do
"Hello, #{name}!"
end
end
Bloque de código con encabezado
app.js
import { Socket } from "phoenix"
import { LiveSocket } from "phoenix_live_view"
const csrfToken = document
.querySelector("meta[name='csrf-token']")
.getAttribute("content")
const liveSocket = new LiveSocket("/live", Socket, {
params: { _csrf_token: csrfToken }
})
liveSocket.connect()
Ejemplo de HTML
<div class="pa-card">
<div class="pa-card__header">
<h3>Card Title</h3>
</div>
<div class="pa-card__body">
Content goes here.
</div>
</div>
Ejemplo de CSS
.pa-card {
border-radius: var(--pc-border-radius);
background: var(--pc-card-bg);
box-shadow: var(--pc-card-shadow);
}
.pa-card__header {
padding: var(--pc-card-header-padding);
border-bottom: 1px solid var(--pc-border-color);
}