Packages
surface
0.6.0
0.12.3
0.12.2
0.12.1
0.12.0
0.11.5
0.11.4
0.11.3
0.11.2
0.11.1
0.11.0
0.10.0
0.9.5
0.9.4
0.9.3
0.9.2
0.9.1
0.9.0
0.8.4
0.8.3
0.8.2
0.8.1
0.8.0
0.7.6
0.7.5
0.7.4
0.7.3
0.7.2
0.7.1
0.7.0
0.6.1
0.6.0
0.5.2
0.5.1
0.5.0
0.4.1
0.4.0
0.3.2
0.3.1
0.3.0
0.2.1
0.2.0
0.1.1
0.1.0
0.1.0-alpha.2
0.1.0-alpha.1
0.1.0-alpha.0
A component based library for Phoenix LiveView
Current section
Files
Jump to
Current section
Files
priv/templates/surface.init/demo/hero.ex
defmodule <%= inspect(web_module) %>.Components.Hero do
@moduledoc """
A sample component generated by `mix surface.init`.
"""
use Surface.Component
import <%= inspect(web_module) %>.Gettext
@doc "The name"
prop name, :string, default: "Guest"
@doc "The subtitle"
prop subtitle, :string
@doc "The color"
prop color, :string, values!: ["danger", "info", "warning"]
def render(assigns) do
~F"""
<section class={"phx-hero", "alert-#{@color}": @color}>
<h1>{gettext "Hi, %{name}!", name: @name}</h1>
<p>{@subtitle}</p>
</section>
"""
end
end