2023-09-04 14:45:12 +03:00
<!DOCTYPE html>
< html lang = "en" >
< head >
< meta charset = "utf-8" >
< meta http-equiv = "x-ua-compatible" content = "ie=edge" >
< meta name = "viewport" content = "width=device-width, initial-scale=1.0" >
2024-01-16 10:41:49 +03:00
< meta name = "generator" content = "ExDoc v0.31.1" >
2023-09-04 14:45:12 +03:00
< meta name = "project" content = "Plausible v0.0.1" >
2024-01-11 10:50:44 +03:00
2023-09-04 14:45:12 +03:00
< title > PlausibleWeb.Live.Components.Form — Plausible v0.0.1< / title >
2024-01-16 10:41:49 +03:00
< link rel = "stylesheet" href = "dist/html-elixir-FM2CSD74.css" / >
2023-09-04 14:45:12 +03:00
< script src = "dist/handlebars.runtime-NWIB6V2M.js" > < / script >
2024-01-11 10:50:44 +03:00
< script src = "dist/handlebars.templates-43PMFBC7.js" > < / script >
2024-10-23 14:34:25 +03:00
< script src = "dist/sidebar_items-11CF2B42.js" > < / script >
2023-09-04 14:45:12 +03:00
< script src = "docs_config.js" > < / script >
2024-01-16 10:41:49 +03:00
< script async src = "dist/html-L4O5OK2K.js" > < / script >
2023-09-04 14:45:12 +03:00
< / head >
< body data-type = "modules" class = "page-module" >
< script >
try {
var settings = JSON.parse(localStorage.getItem('ex_doc:settings') || '{}');
if (settings.theme === 'dark' ||
((settings.theme === 'system' || settings.theme == null) & &
window.matchMedia('(prefers-color-scheme: dark)').matches)
) {
document.body.classList.add('dark')
}
} catch (error) { }
< / script >
< div class = "main" >
2024-01-16 10:41:49 +03:00
< button id = "sidebar-menu" class = "sidebar-button sidebar-toggle" aria-label = "toggle sidebar" aria-controls = "sidebar" >
2023-09-04 14:45:12 +03:00
< i class = "ri-menu-line ri-lg" title = "Collapse/expand sidebar" > < / i >
< / button >
2024-01-16 10:41:49 +03:00
< div class = "background-layer" > < / div >
2024-01-11 10:50:44 +03:00
< nav id = "sidebar" class = "sidebar" >
2023-09-04 14:45:12 +03:00
< div class = "sidebar-header" >
2024-01-11 10:50:44 +03:00
< div class = "sidebar-projectInfo" >
2023-09-04 14:45:12 +03:00
2024-01-11 10:50:44 +03:00
< a href = "readme.html" class = "sidebar-projectImage" >
< img src = "assets/logo.png" alt = "Plausible" / >
< / a >
2023-09-04 14:45:12 +03:00
2024-01-11 10:50:44 +03:00
< div >
< a href = "readme.html" class = "sidebar-projectName" translate = "no" >
2023-09-04 14:45:12 +03:00
Plausible
2024-01-11 10:50:44 +03:00
< / a >
< div class = "sidebar-projectVersion" translate = "no" >
v0.0.1
< / div >
2023-09-04 14:45:12 +03:00
< / div >
< / div >
2024-01-11 10:50:44 +03:00
< ul id = "sidebar-listNav" class = "sidebar-listNav" role = "tablist" >
< li >
< button id = "extras-list-tab-button" role = "tab" data-type = "extras" aria-controls = "extras-tab-panel" aria-selected = "true" tabindex = "0" >
Pages
< / button >
< / li >
< li >
< button id = "modules-list-tab-button" role = "tab" data-type = "modules" aria-controls = "modules-tab-panel" aria-selected = "false" tabindex = "-1" >
Modules
< / button >
< / li >
< li >
< button id = "tasks-list-tab-button" role = "tab" data-type = "tasks" aria-controls = "tasks-tab-panel" aria-selected = "false" tabindex = "-1" >
< span translate = "no" > Mix< / span > Tasks
< / button >
< / li >
2023-09-04 14:45:12 +03:00
2024-01-11 10:50:44 +03:00
< / ul >
< / div >
2023-09-04 14:45:12 +03:00
2024-01-11 10:50:44 +03:00
< div id = "extras-tab-panel" class = "sidebar-tabpanel" role = "tabpanel" aria-labelledby = "extras-list-tab-button" >
< ul id = "extras-full-list" class = "full-list" > < / ul >
< / div >
2023-09-04 14:45:12 +03:00
2024-01-11 10:50:44 +03:00
< div id = "modules-tab-panel" class = "sidebar-tabpanel" role = "tabpanel" aria-labelledby = "modules-list-tab-button" hidden >
< ul id = "modules-full-list" class = "full-list" > < / ul >
< / div >
2023-09-04 14:45:12 +03:00
2024-01-11 10:50:44 +03:00
< div id = "tasks-tab-panel" class = "sidebar-tabpanel" role = "tabpanel" aria-labelledby = "tasks-list-tab-button" hidden >
< ul id = "tasks-full-list" class = "full-list" > < / ul >
< / div >
< / nav >
2023-09-04 14:45:12 +03:00
2024-01-11 10:50:44 +03:00
< main class = "content" >
2023-09-04 14:45:12 +03:00
< output role = "status" id = "toast" > < / output >
< div class = "content-outer" >
< div id = "content" class = "content-inner" >
2024-01-11 10:50:44 +03:00
< div class = "top-search" >
< div class = "search-settings" >
< form class = "search-bar" action = "search.html" >
< label class = "search-label" >
< span class = "sr-only" > Search documentation of Plausible< / span >
< input name = "q" type = "text" class = "search-input" placeholder = "Search Documentation (press /)" autocomplete = "off" autocorrect = "off" autocapitalize = "off" spellcheck = "false" / >
< / label >
< button type = "submit" class = "search-button" aria-label = "Submit Search" >
< i class = "ri-search-2-line ri-lg" aria-hidden = "true" title = "Submit search" > < / i >
< / button >
< button type = "button" tabindex = "-1" class = "search-close-button" aria-hidden = "true" >
< i class = "ri-close-line ri-lg" title = "Cancel search" > < / i >
< / button >
< / form >
2024-01-16 10:41:49 +03:00
< div class = "autocomplete" >
< / div >
2024-01-11 10:50:44 +03:00
< button class = "icon-settings display-settings" >
< i class = "ri-settings-3-line" > < / i >
< span class = "sr-only" > Settings< / span >
< / button >
< / div >
2024-01-16 10:41:49 +03:00
2024-01-11 10:50:44 +03:00
< / div >
2023-09-04 14:45:12 +03:00
< h1 >
< a href = "https://github.com/plausible/analytics/blob/main/lib/plausible_web/live/components/form.ex#L1" title = "View Source" class = "icon-action" rel = "help" >
< i class = "ri-code-s-slash-line" aria-hidden = "true" > < / i >
< span class = "sr-only" > View Source< / span >
< / a >
< span translate = "no" > PlausibleWeb.Live.Components.Form< / span >
< small class = "app-vsn" translate = "no" > (Plausible v0.0.1)< / small >
< / h1 >
< section id = "moduledoc" >
< p > Generic components stolen from mix phx.new templates< / p >
< / section >
< section id = "summary" class = "details-list" >
< h1 class = "section-heading" >
< a class = "hover-link" href = "#summary" >
< i class = "ri-link-m" aria-hidden = "true" > < / i >
< / a >
2024-01-11 10:50:44 +03:00
< span class = "text" > Summary< / span >
2023-09-04 14:45:12 +03:00
< / h1 >
< div class = "summary-functions summary" >
< h2 >
< a href = "#functions" > Functions< / a >
< / h2 >
< div class = "summary-row" >
< div class = "summary-signature" >
< a href = "#error/1" translate = "no" > error(assigns)< / a >
< / div >
< div class = "summary-synopsis" > < p > Generates a generic error message.< / p > < / div >
< / div >
< div class = "summary-row" >
< div class = "summary-signature" >
< a href = "#input/1" translate = "no" > input(assigns)< / a >
< / div >
< div class = "summary-synopsis" > < p > Renders an input with label and error messages.< / p > < / div >
< / div >
2023-10-18 15:02:10 +03:00
< div class = "summary-row" >
< div class = "summary-signature" >
< a href = "#input_with_clipboard/1" translate = "no" > input_with_clipboard(assigns)< / a >
< / div >
2024-10-02 12:10:32 +03:00
< div class = "summary-synopsis" > < h2 > Attributes< / h2 > < ul > < li > < code class = "inline" > id< / code > (< code class = "inline" > :string< / code > ) (required)< / li > < li > < code class = "inline" > name< / code > (< code class = "inline" > :string< / code > ) (required)< / li > < li > < code class = "inline" > label< / code > (< code class = "inline" > :string< / code > ) - Defaults to < code class = "inline" > nil< / code > .< / li > < li > < code class = "inline" > value< / code > (< code class = "inline" > :string< / code > ) - Defaults to < code class = "inline" > " " < / code > .< / li > < li > Global attributes are accepted.< / li > < / ul > < / div >
2023-10-18 15:02:10 +03:00
< / div >
2023-09-04 14:45:12 +03:00
< div class = "summary-row" >
< div class = "summary-signature" >
< a href = "#label/1" translate = "no" > label(assigns)< / a >
< / div >
< div class = "summary-synopsis" > < p > Renders a label.< / p > < / div >
< / div >
2023-09-25 11:28:17 +03:00
< div class = "summary-row" >
< div class = "summary-signature" >
< a href = "#password_input_with_strength/1" translate = "no" > password_input_with_strength(assigns)< / a >
< / div >
2024-06-24 17:51:57 +03:00
< div class = "summary-synopsis" > < h2 > Attributes< / h2 > < ul > < li > < code class = "inline" > id< / code > (< code class = "inline" > :any< / code > ) - Defaults to < code class = "inline" > nil< / code > .< / li > < li > < code class = "inline" > label< / code > (< code class = "inline" > :string< / code > ) - Defaults to < code class = "inline" > nil< / code > .< / li > < li > < code class = "inline" > field< / code > (< a href = "https://hexdocs.pm/phoenix_html/3.3.4/Phoenix.HTML.FormField.html" > < code class = "inline" > Phoenix.HTML.FormField< / code > < / a > ) (required) - a form field struct retrieved from the form, for example: @form[:password].< / li > < li > < code class = "inline" > strength< / code > (< code class = "inline" > :any< / code > )< / li > < li > Global attributes are accepted. Supports all globals plus: < code class = "inline" > [" autocomplete" , " disabled" , " form" , " maxlength" , " minlength" , " readonly" , " required" , " size" ]< / code > .< / li > < / ul > < / div >
2023-09-25 11:28:17 +03:00
< / div >
< div class = "summary-row" >
< div class = "summary-signature" >
< a href = "#password_length_hint/1" translate = "no" > password_length_hint(assigns)< / a >
< / div >
2024-06-24 17:51:57 +03:00
< div class = "summary-synopsis" > < h2 > Attributes< / h2 > < ul > < li > < code class = "inline" > minimum< / code > (< code class = "inline" > :integer< / code > ) (required)< / li > < li > < code class = "inline" > class< / code > (< code class = "inline" > :any< / code > )< / li > < li > < code class = "inline" > ok_class< / code > (< code class = "inline" > :any< / code > )< / li > < li > < code class = "inline" > error_class< / code > (< code class = "inline" > :any< / code > )< / li > < li > < code class = "inline" > field< / code > (< a href = "https://hexdocs.pm/phoenix_html/3.3.4/Phoenix.HTML.FormField.html" > < code class = "inline" > Phoenix.HTML.FormField< / code > < / a > ) (required) - a form field struct retrieved from the form, for example: @form[:password].< / li > < / ul > < / div >
2023-09-25 11:28:17 +03:00
< / div >
< div class = "summary-row" >
< div class = "summary-signature" >
< a href = "#strength_meter/1" translate = "no" > strength_meter(assigns)< / a >
< / div >
< div class = "summary-synopsis" > < h2 > Attributes< / h2 > < ul > < li > < code class = "inline" > score< / code > (< code class = "inline" > :integer< / code > ) - Defaults to < code class = "inline" > 0< / code > .< / li > < li > < code class = "inline" > warning< / code > (< code class = "inline" > :string< / code > ) - Defaults to < code class = "inline" > " " < / code > .< / li > < li > < code class = "inline" > suggestions< / code > (< code class = "inline" > :list< / code > ) - Defaults to < code class = "inline" > []< / code > .< / li > < / ul > < / div >
< / div >
2023-09-04 14:45:12 +03:00
< div class = "summary-row" >
< div class = "summary-signature" >
< a href = "#translate_error/1" translate = "no" > translate_error(arg)< / a >
< / div >
< / div >
< / div >
< / section >
< section id = "functions" class = "details-list" >
< h1 class = "section-heading" >
< a class = "hover-link" href = "#functions" >
< i class = "ri-link-m" aria-hidden = "true" > < / i >
< / a >
2024-01-11 10:50:44 +03:00
< span class = "text" > Functions< / span >
2023-09-04 14:45:12 +03:00
< / h1 >
< div class = "functions-list" >
< section class = "detail" id = "error/1" >
< div class = "detail-header" >
< a href = "#error/1" class = "detail-link" title = "Link to this function" >
< i class = "ri-link-m" aria-hidden = "true" > < / i >
< span class = "sr-only" > Link to this function< / span >
< / a >
< h1 class = "signature" translate = "no" > error(assigns)< / h1 >
2024-10-15 07:00:38 +03:00
< a href = "https://github.com/plausible/analytics/blob/main/lib/plausible_web/live/components/form.ex#L343" class = "icon-action" rel = "help" title = "View Source" >
2023-09-04 14:45:12 +03:00
< i class = "ri-code-s-slash-line" aria-hidden = "true" > < / i >
< span class = "sr-only" > View Source< / span >
< / a >
< / div >
< section class = "docstring" >
< p > Generates a generic error message.< / p > < h2 id = "error/1-slots" class = "section-heading" >
2024-01-11 10:50:44 +03:00
< a href = "#error/1-slots" class = "hover-link" >
2023-09-04 14:45:12 +03:00
< i class = "ri-link-m" aria-hidden = "true" > < / i >
< / a >
2024-01-11 10:50:44 +03:00
< span class = "text" > Slots< / span >
2023-09-04 14:45:12 +03:00
< / h2 >
< ul > < li > < code class = "inline" > inner_block< / code > (required)< / li > < / ul >
< / section >
< / section >
< section class = "detail" id = "input/1" >
< div class = "detail-header" >
< a href = "#input/1" class = "detail-link" title = "Link to this function" >
< i class = "ri-link-m" aria-hidden = "true" > < / i >
< span class = "sr-only" > Link to this function< / span >
< / a >
< h1 class = "signature" translate = "no" > input(assigns)< / h1 >
2024-10-15 07:00:38 +03:00
< a href = "https://github.com/plausible/analytics/blob/main/lib/plausible_web/live/components/form.ex#L57" class = "icon-action" rel = "help" title = "View Source" >
2023-09-04 14:45:12 +03:00
< i class = "ri-code-s-slash-line" aria-hidden = "true" > < / i >
< span class = "sr-only" > View Source< / span >
< / a >
< / div >
< section class = "docstring" >
2024-06-24 17:51:57 +03:00
< p > Renders an input with label and error messages.< / p > < p > A < a href = "https://hexdocs.pm/phoenix_html/3.3.4/Phoenix.HTML.FormField.html" > < code class = "inline" > Phoenix.HTML.FormField< / code > < / a > may be passed as argument,
2023-09-04 14:45:12 +03:00
which is used to retrieve the input name, id, and values.
Otherwise all attributes may be passed explicitly.< / p > < h2 id = "input/1-examples" class = "section-heading" >
2024-01-11 10:50:44 +03:00
< a href = "#input/1-examples" class = "hover-link" >
2023-09-04 14:45:12 +03:00
< i class = "ri-link-m" aria-hidden = "true" > < / i >
< / a >
2024-01-11 10:50:44 +03:00
< span class = "text" > Examples< / span >
2023-09-04 14:45:12 +03:00
< / h2 >
< p > < .input field={@form[:email]} type=" email" />
< .input name=" my-input" errors={[" oh no!" ]} /> < / p > < h2 id = "input/1-attributes" class = "section-heading" >
2024-01-11 10:50:44 +03:00
< a href = "#input/1-attributes" class = "hover-link" >
2023-09-04 14:45:12 +03:00
< i class = "ri-link-m" aria-hidden = "true" > < / i >
< / a >
2024-01-11 10:50:44 +03:00
< span class = "text" > Attributes< / span >
2023-09-04 14:45:12 +03:00
< / h2 >
2024-10-15 07:00:38 +03:00
< ul > < li > < code class = "inline" > id< / code > (< code class = "inline" > :any< / code > ) - Defaults to < code class = "inline" > nil< / code > .< / li > < li > < code class = "inline" > name< / code > (< code class = "inline" > :any< / code > )< / li > < li > < code class = "inline" > label< / code > (< code class = "inline" > :string< / code > ) - Defaults to < code class = "inline" > nil< / code > .< / li > < li > < code class = "inline" > help_text< / code > (< code class = "inline" > :string< / code > ) - Defaults to < code class = "inline" > nil< / code > .< / li > < li > < code class = "inline" > value< / code > (< code class = "inline" > :any< / code > )< / li > < li > < code class = "inline" > width< / code > (< code class = "inline" > :string< / code > ) - Defaults to < code class = "inline" > " w-full" < / code > .< / li > < li > < code class = "inline" > type< / code > (< code class = "inline" > :string< / code > ) - Defaults to < code class = "inline" > " text" < / code > .< / li > < li > < code class = "inline" > field< / code > (< a href = "https://hexdocs.pm/phoenix_html/3.3.4/Phoenix.HTML.FormField.html" > < code class = "inline" > Phoenix.HTML.FormField< / code > < / a > ) - a form field struct retrieved from the form, for example: @form[:email].< / li > < li > < code class = "inline" > errors< / code > (< code class = "inline" > :list< / code > ) - Defaults to < code class = "inline" > []< / code > .< / li > < li > < code class = "inline" > checked< / code > (< code class = "inline" > :boolean< / code > ) - the checked flag for checkbox inputs.< / li > < li > < code class = "inline" > prompt< / code > (< code class = "inline" > :string< / code > ) - the prompt for select inputs. Defaults to < code class = "inline" > nil< / code > .< / li > < li > < code class = "inline" > options< / code > (< code class = "inline" > :list< / code > ) - the options to pass to Phoenix.HTML.Form.options_for_select/2.< / li > < li > < code class = "inline" > multiple< / code > (< code class = "inline" > :boolean< / code > ) - the multiple flag for select inputs. Defaults to < code class = "inline" > false< / code > .< / li > < li > < code class = "inline" > class< / code > (< code class = "inline" > :any< / code > ) - Defaults to < code class = "inline" > " text-sm dark:bg-gray-900 block pl-3.5 py-2.5 border-gray-300 dark:border-gray-500 focus:outline-none focus:ring-indigo-500 focus:border-indigo-500 rounded-md" < / code > .< / li > < li > < code class = "inline" > mt?< / code > (< code class = "inline" > :boolean< / code > ) - Defaults to < code class = "inline" > true< / code > .< / li > < li > < code class = "inline" > max_one_error< / code > (< code class = "inline" > :boolean< / code > ) - Defaults to < code class = "inline" > false< / code > .< / li > < li > Global attributes are accepted. Supports all globals plus: < code class = "inline" > [" accept" , " autocomplete" , " capture" , " cols" , " disabled" , " form" , " list" , " max" , " maxlength" , " min" , " minlength" , " multiple" , " pattern" , " placeholder" , " readonly" , " required" , " rows" , " size" , " step" , " x-model" ]< / code > .< / li > < / ul > < h2 id = "input/1-slots" class = "section-heading" >
2024-01-11 10:50:44 +03:00
< a href = "#input/1-slots" class = "hover-link" >
2023-09-04 14:45:12 +03:00
< i class = "ri-link-m" aria-hidden = "true" > < / i >
< / a >
2024-01-11 10:50:44 +03:00
< span class = "text" > Slots< / span >
2023-09-04 14:45:12 +03:00
< / h2 >
< ul > < li > < code class = "inline" > inner_block< / code > < / li > < / ul >
< / section >
< / section >
2023-10-18 15:02:10 +03:00
< section class = "detail" id = "input_with_clipboard/1" >
< div class = "detail-header" >
< a href = "#input_with_clipboard/1" class = "detail-link" title = "Link to this function" >
< i class = "ri-link-m" aria-hidden = "true" > < / i >
< span class = "sr-only" > Link to this function< / span >
< / a >
< h1 class = "signature" translate = "no" > input_with_clipboard(assigns)< / h1 >
2024-10-15 07:00:38 +03:00
< a href = "https://github.com/plausible/analytics/blob/main/lib/plausible_web/live/components/form.ex#L148" class = "icon-action" rel = "help" title = "View Source" >
2023-10-18 15:02:10 +03:00
< i class = "ri-code-s-slash-line" aria-hidden = "true" > < / i >
< span class = "sr-only" > View Source< / span >
< / a >
< / div >
< section class = "docstring" >
< h2 id = "input_with_clipboard/1-attributes" class = "section-heading" >
2024-01-11 10:50:44 +03:00
< a href = "#input_with_clipboard/1-attributes" class = "hover-link" >
2023-10-18 15:02:10 +03:00
< i class = "ri-link-m" aria-hidden = "true" > < / i >
< / a >
2024-01-11 10:50:44 +03:00
< span class = "text" > Attributes< / span >
2023-10-18 15:02:10 +03:00
< / h2 >
2024-10-02 12:10:32 +03:00
< ul > < li > < code class = "inline" > id< / code > (< code class = "inline" > :string< / code > ) (required)< / li > < li > < code class = "inline" > name< / code > (< code class = "inline" > :string< / code > ) (required)< / li > < li > < code class = "inline" > label< / code > (< code class = "inline" > :string< / code > ) - Defaults to < code class = "inline" > nil< / code > .< / li > < li > < code class = "inline" > value< / code > (< code class = "inline" > :string< / code > ) - Defaults to < code class = "inline" > " " < / code > .< / li > < li > Global attributes are accepted.< / li > < / ul >
2023-10-18 15:02:10 +03:00
< / section >
< / section >
2023-09-04 14:45:12 +03:00
< section class = "detail" id = "label/1" >
< div class = "detail-header" >
< a href = "#label/1" class = "detail-link" title = "Link to this function" >
< i class = "ri-link-m" aria-hidden = "true" > < / i >
< span class = "sr-only" > Link to this function< / span >
< / a >
< h1 class = "signature" translate = "no" > label(assigns)< / h1 >
2024-10-15 07:00:38 +03:00
< a href = "https://github.com/plausible/analytics/blob/main/lib/plausible_web/live/components/form.ex#L330" class = "icon-action" rel = "help" title = "View Source" >
2023-09-04 14:45:12 +03:00
< i class = "ri-code-s-slash-line" aria-hidden = "true" > < / i >
< span class = "sr-only" > View Source< / span >
< / a >
< / div >
< section class = "docstring" >
< p > Renders a label.< / p > < h2 id = "label/1-attributes" class = "section-heading" >
2024-01-11 10:50:44 +03:00
< a href = "#label/1-attributes" class = "hover-link" >
2023-09-04 14:45:12 +03:00
< i class = "ri-link-m" aria-hidden = "true" > < / i >
< / a >
2024-01-11 10:50:44 +03:00
< span class = "text" > Attributes< / span >
2023-09-04 14:45:12 +03:00
< / h2 >
2024-10-02 12:10:32 +03:00
< ul > < li > < code class = "inline" > for< / code > (< code class = "inline" > :string< / code > ) - Defaults to < code class = "inline" > nil< / code > .< / li > < li > < code class = "inline" > class< / code > (< code class = "inline" > :string< / code > ) - Defaults to < code class = "inline" > " " < / code > .< / li > < / ul > < h2 id = "label/1-slots" class = "section-heading" >
2024-01-11 10:50:44 +03:00
< a href = "#label/1-slots" class = "hover-link" >
2023-09-04 14:45:12 +03:00
< i class = "ri-link-m" aria-hidden = "true" > < / i >
< / a >
2024-01-11 10:50:44 +03:00
< span class = "text" > Slots< / span >
2023-09-04 14:45:12 +03:00
< / h2 >
< ul > < li > < code class = "inline" > inner_block< / code > (required)< / li > < / ul >
< / section >
< / section >
2023-09-25 11:28:17 +03:00
< section class = "detail" id = "password_input_with_strength/1" >
< div class = "detail-header" >
< a href = "#password_input_with_strength/1" class = "detail-link" title = "Link to this function" >
< i class = "ri-link-m" aria-hidden = "true" > < / i >
< span class = "sr-only" > Link to this function< / span >
< / a >
< h1 class = "signature" translate = "no" > password_input_with_strength(assigns)< / h1 >
2024-10-15 07:00:38 +03:00
< a href = "https://github.com/plausible/analytics/blob/main/lib/plausible_web/live/components/form.ex#L199" class = "icon-action" rel = "help" title = "View Source" >
2023-09-25 11:28:17 +03:00
< i class = "ri-code-s-slash-line" aria-hidden = "true" > < / i >
< span class = "sr-only" > View Source< / span >
< / a >
< / div >
< section class = "docstring" >
< h2 id = "password_input_with_strength/1-attributes" class = "section-heading" >
2024-01-11 10:50:44 +03:00
< a href = "#password_input_with_strength/1-attributes" class = "hover-link" >
2023-09-25 11:28:17 +03:00
< i class = "ri-link-m" aria-hidden = "true" > < / i >
< / a >
2024-01-11 10:50:44 +03:00
< span class = "text" > Attributes< / span >
2023-09-25 11:28:17 +03:00
< / h2 >
2024-06-24 17:51:57 +03:00
< ul > < li > < code class = "inline" > id< / code > (< code class = "inline" > :any< / code > ) - Defaults to < code class = "inline" > nil< / code > .< / li > < li > < code class = "inline" > label< / code > (< code class = "inline" > :string< / code > ) - Defaults to < code class = "inline" > nil< / code > .< / li > < li > < code class = "inline" > field< / code > (< a href = "https://hexdocs.pm/phoenix_html/3.3.4/Phoenix.HTML.FormField.html" > < code class = "inline" > Phoenix.HTML.FormField< / code > < / a > ) (required) - a form field struct retrieved from the form, for example: @form[:password].< / li > < li > < code class = "inline" > strength< / code > (< code class = "inline" > :any< / code > )< / li > < li > Global attributes are accepted. Supports all globals plus: < code class = "inline" > [" autocomplete" , " disabled" , " form" , " maxlength" , " minlength" , " readonly" , " required" , " size" ]< / code > .< / li > < / ul >
2023-09-25 11:28:17 +03:00
< / section >
< / section >
< section class = "detail" id = "password_length_hint/1" >
< div class = "detail-header" >
< a href = "#password_length_hint/1" class = "detail-link" title = "Link to this function" >
< i class = "ri-link-m" aria-hidden = "true" > < / i >
< span class = "sr-only" > Link to this function< / span >
< / a >
< h1 class = "signature" translate = "no" > password_length_hint(assigns)< / h1 >
2024-10-15 07:00:38 +03:00
< a href = "https://github.com/plausible/analytics/blob/main/lib/plausible_web/live/components/form.ex#L240" class = "icon-action" rel = "help" title = "View Source" >
2023-09-25 11:28:17 +03:00
< i class = "ri-code-s-slash-line" aria-hidden = "true" > < / i >
< span class = "sr-only" > View Source< / span >
< / a >
< / div >
< section class = "docstring" >
< h2 id = "password_length_hint/1-attributes" class = "section-heading" >
2024-01-11 10:50:44 +03:00
< a href = "#password_length_hint/1-attributes" class = "hover-link" >
2023-09-25 11:28:17 +03:00
< i class = "ri-link-m" aria-hidden = "true" > < / i >
< / a >
2024-01-11 10:50:44 +03:00
< span class = "text" > Attributes< / span >
2023-09-25 11:28:17 +03:00
< / h2 >
2024-06-24 17:51:57 +03:00
< ul > < li > < code class = "inline" > minimum< / code > (< code class = "inline" > :integer< / code > ) (required)< / li > < li > < code class = "inline" > class< / code > (< code class = "inline" > :any< / code > )< / li > < li > < code class = "inline" > ok_class< / code > (< code class = "inline" > :any< / code > )< / li > < li > < code class = "inline" > error_class< / code > (< code class = "inline" > :any< / code > )< / li > < li > < code class = "inline" > field< / code > (< a href = "https://hexdocs.pm/phoenix_html/3.3.4/Phoenix.HTML.FormField.html" > < code class = "inline" > Phoenix.HTML.FormField< / code > < / a > ) (required) - a form field struct retrieved from the form, for example: @form[:password].< / li > < / ul >
2023-09-25 11:28:17 +03:00
< / section >
< / section >
< section class = "detail" id = "strength_meter/1" >
< div class = "detail-header" >
< a href = "#strength_meter/1" class = "detail-link" title = "Link to this function" >
< i class = "ri-link-m" aria-hidden = "true" > < / i >
< span class = "sr-only" > Link to this function< / span >
< / a >
< h1 class = "signature" translate = "no" > strength_meter(assigns)< / h1 >
2024-10-15 07:00:38 +03:00
< a href = "https://github.com/plausible/analytics/blob/main/lib/plausible_web/live/components/form.ex#L285" class = "icon-action" rel = "help" title = "View Source" >
2023-09-25 11:28:17 +03:00
< i class = "ri-code-s-slash-line" aria-hidden = "true" > < / i >
< span class = "sr-only" > View Source< / span >
< / a >
< / div >
< section class = "docstring" >
< h2 id = "strength_meter/1-attributes" class = "section-heading" >
2024-01-11 10:50:44 +03:00
< a href = "#strength_meter/1-attributes" class = "hover-link" >
2023-09-25 11:28:17 +03:00
< i class = "ri-link-m" aria-hidden = "true" > < / i >
< / a >
2024-01-11 10:50:44 +03:00
< span class = "text" > Attributes< / span >
2023-09-25 11:28:17 +03:00
< / h2 >
< ul > < li > < code class = "inline" > score< / code > (< code class = "inline" > :integer< / code > ) - Defaults to < code class = "inline" > 0< / code > .< / li > < li > < code class = "inline" > warning< / code > (< code class = "inline" > :string< / code > ) - Defaults to < code class = "inline" > " " < / code > .< / li > < li > < code class = "inline" > suggestions< / code > (< code class = "inline" > :list< / code > ) - Defaults to < code class = "inline" > []< / code > .< / li > < / ul >
< / section >
< / section >
2023-09-04 14:45:12 +03:00
< section class = "detail" id = "translate_error/1" >
< div class = "detail-header" >
< a href = "#translate_error/1" class = "detail-link" title = "Link to this function" >
< i class = "ri-link-m" aria-hidden = "true" > < / i >
< span class = "sr-only" > Link to this function< / span >
< / a >
< h1 class = "signature" translate = "no" > translate_error(arg)< / h1 >
2024-10-15 07:00:38 +03:00
< a href = "https://github.com/plausible/analytics/blob/main/lib/plausible_web/live/components/form.ex#L351" class = "icon-action" rel = "help" title = "View Source" >
2023-09-04 14:45:12 +03:00
< i class = "ri-code-s-slash-line" aria-hidden = "true" > < / i >
< span class = "sr-only" > View Source< / span >
< / a >
< / div >
< section class = "docstring" >
< / section >
< / section >
< / div >
< / section >
< footer class = "footer" >
< p >
< span class = "line" >
< button class = "a-main footer-button display-quick-switch" title = "Search HexDocs packages" >
Search HexDocs
< / button >
< a href = "Plausible.epub" title = "ePub version" >
Download ePub version
< / a >
< / span >
< / p >
< p class = "built-using" >
Built using
2024-01-16 10:41:49 +03:00
< a href = "https://github.com/elixir-lang/ex_doc" title = "ExDoc" target = "_blank" rel = "help noopener" translate = "no" > ExDoc< / a > (v0.31.1) for the
2023-09-04 14:45:12 +03:00
< a href = "https://elixir-lang.org" title = "Elixir" target = "_blank" translate = "no" > Elixir programming language< / a >
< / p >
< / footer >
< / div >
< / div >
2024-01-11 10:50:44 +03:00
< / main >
2023-09-04 14:45:12 +03:00
< / div >
< script src = "https://cdn.jsdelivr.net/npm/mermaid/dist/mermaid.min.js" > < / script >
< script > mermaid . initialize ( { startOnLoad : true } ) < / script >
< / body >
< / html >
