Packages
moon
2.90.0
2.90.5
retired
2.90.4
2.90.3
2.90.2
2.90.1
2.90.0
2.89.4
2.89.1
2.89.0
2.88.0
2.87.11
2.87.10
2.87.9
2.87.8
2.87.7
2.87.6
2.87.5
2.87.4
2.87.3
2.87.2
2.87.1
2.87.0
2.86.1
2.86.0
2.85.1
2.85.0
2.84.0
2.83.0
2.82.0
2.81.4
2.81.3
2.81.2
2.81.1
2.81.0
2.80.2
2.80.1
2.80.0
2.79.13
2.79.12
2.79.11
2.79.10
2.79.9
2.79.8
2.79.7
2.79.6
2.79.5
2.79.4
2.79.3
2.79.2
2.79.1
2.79.0
2.78.4
2.78.3
2.78.2
2.78.1
2.78.0
2.77.0
2.76.5
2.76.4
2.76.3
2.76.2
2.76.1
2.76.0
2.75.0
2.74.1
2.74.0
2.73.8
2.73.7
2.73.6
2.73.5
2.73.4
2.73.3
2.73.2
2.73.1
2.73.0
2.72.5
2.72.4
2.72.3
2.72.2
2.72.1
2.72.0
2.71.1
2.71.0
2.70.0
2.69.2
2.69.1
2.69.0
2.68.11
2.68.10
Components-based design system written in elixir
Current section
Files
Jump to
Current section
Files
lib/moon/design/search/no_result.ex
defmodule Moon.Design.Search.NoResult do
@moduledoc "No Result Label for Search Component"
use Moon.StatelessComponent, slot: "no_result"
alias Moon.Design.Dropdown
@doc "Label to use in the beginning in case of no result"
prop(label, :string, required: true)
@doc "Id of the component"
prop(id, :string)
@doc "Input of the search"
prop(search, :string)
@doc "Additional classes for the <span> tag"
prop(class, :css_class, from_context: :class)
@doc "Common moon size property"
prop(size, :string, values!: ~w(sm md lg), default: "md")
def render(assigns) do
~F"""
<Dropdown.Option {=@size} disabled={false} is_selected={false} class="block">
{!-- Use span instead of div, div is not valid child of button https://www.w3.org/TR/2012/WD-html5-20120329/the-button-element.html --}
<span class={merge(["max-w-md truncate text-bulma w-full text-center", @class])}>
{@label |> String.capitalize()}
"<span class="font-medium">{@search}</span>"
</span>
</Dropdown.Option>
"""
end
end