Code · Style
Typography and max-width via modifier classes on the code root.
Hex doc
Phoenix
Size
defmodule Demo do
@moduledoc false
def run, do: :ok
end
defmodule Demo do
@moduledoc false
def run, do: :ok
end
defmodule Demo do
@moduledoc false
def run, do: :ok
end
<.code class="code code--text-xs" language={:elixir} code={"defmodule Demo do\n @moduledoc false\n def run, do: :ok\nend\n"} />
<.code class="code" language={:elixir} code={"defmodule Demo do\n @moduledoc false\n def run, do: :ok\nend\n"} />
<.code class="code code--text-lg" language={:elixir} code={"defmodule Demo do\n @moduledoc false\n def run, do: :ok\nend\n"} />
Max width
defmodule Demo do
@moduledoc false
def run, do: :ok
end
defmodule Demo do
@moduledoc false
def run, do: :ok
end
defmodule Demo do
@moduledoc false
def run, do: :ok
end
<.code class="code code--max-w-none w-full" language={:elixir} code={"defmodule Demo do\n @moduledoc false\n def run, do: :ok\nend\n"} />
<.code class="code code--max-w-sm" language={:elixir} code={"defmodule Demo do\n @moduledoc false\n def run, do: :ok\nend\n"} />
<.code class="code" language={:elixir} code={"defmodule Demo do\n @moduledoc false\n def run, do: :ok\nend\n"} />