2023-07-12 11:28:07 +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-07-12 11:28:07 +03:00
< meta name = "project" content = "Plausible v0.0.1" >
2024-01-11 10:50:44 +03:00
2023-07-12 11:28:07 +03:00
< title > PlausibleWeb.Components.Generic — Plausible v0.0.1< / title >
2024-01-16 10:41:49 +03:00
< link rel = "stylesheet" href = "dist/html-elixir-FM2CSD74.css" / >
2023-07-12 11:28:07 +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-06-17 10:22:09 +03:00
< script src = "dist/sidebar_items-36D41CC9.js" > < / script >
2023-07-12 11:28:07 +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-07-12 11:28:07 +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-07-12 11:28:07 +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-07-12 11:28:07 +03:00
< div class = "sidebar-header" >
2024-01-11 10:50:44 +03:00
< div class = "sidebar-projectInfo" >
2023-07-12 11:28:07 +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-07-12 11:28:07 +03:00
2024-01-11 10:50:44 +03:00
< div >
< a href = "readme.html" class = "sidebar-projectName" translate = "no" >
2023-07-12 11:28:07 +03:00
Plausible
2024-01-11 10:50:44 +03:00
< / a >
< div class = "sidebar-projectVersion" translate = "no" >
v0.0.1
< / div >
2023-07-12 11:28:07 +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-07-12 11:28:07 +03:00
2024-01-11 10:50:44 +03:00
< / ul >
< / div >
2023-07-12 11:28:07 +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-07-12 11:28:07 +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-07-12 11:28:07 +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-07-12 11:28:07 +03:00
2024-01-11 10:50:44 +03:00
< main class = "content" >
2023-07-12 11:28:07 +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-07-12 11:28:07 +03:00
< h1 >
< a href = "https://github.com/plausible/analytics/blob/main/lib/plausible_web/components/generic.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.Components.Generic< / span >
< small class = "app-vsn" translate = "no" > (Plausible v0.0.1)< / small >
< / h1 >
< section id = "moduledoc" >
< p > Generic reusable components< / 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-07-12 11:28:07 +03:00
< / h1 >
< div class = "summary-functions summary" >
< h2 >
< a href = "#functions" > Functions< / a >
< / h2 >
2023-11-08 12:41:02 +03:00
< div class = "summary-row" >
< div class = "summary-signature" >
< a href = "#button/1" translate = "no" > button(assigns)< / a >
< / div >
2024-02-28 11:34:47 +03:00
< div class = "summary-synopsis" > < h2 > Attributes< / h2 > < ul > < li > < code class = "inline" > type< / code > (< code class = "inline" > :string< / code > ) - Defaults to < code class = "inline" > " button" < / code > .< / li > < li > < code class = "inline" > theme< / code > (< code class = "inline" > :string< / code > ) - Defaults to < code class = "inline" > " primary" < / code > .< / li > < li > < code class = "inline" > class< / code > (< code class = "inline" > :string< / code > ) - Defaults to < code class = "inline" > " " < / code > .< / li > < li > < code class = "inline" > disabled< / code > (< code class = "inline" > :boolean< / code > ) - Defaults to < code class = "inline" > false< / code > .< / li > < li > Global attributes are accepted.< / li > < / ul > < h2 > Slots< / h2 > < ul > < li > < code class = "inline" > inner_block< / code > < / li > < / ul > < / div >
2023-11-08 12:41:02 +03:00
< / div >
< div class = "summary-row" >
< div class = "summary-signature" >
< a href = "#button_link/1" translate = "no" > button_link(assigns)< / a >
< / div >
2024-02-28 11:34:47 +03:00
< div class = "summary-synopsis" > < h2 > Attributes< / h2 > < ul > < li > < code class = "inline" > href< / code > (< code class = "inline" > :string< / code > ) (required)< / li > < li > < code class = "inline" > class< / code > (< code class = "inline" > :string< / code > ) - Defaults to < code class = "inline" > " " < / code > .< / li > < li > < code class = "inline" > theme< / code > (< code class = "inline" > :string< / code > ) - Defaults to < code class = "inline" > " primary" < / code > .< / li > < li > < code class = "inline" > disabled< / code > (< code class = "inline" > :boolean< / code > ) - Defaults to < code class = "inline" > false< / code > .< / li > < li > Global attributes are accepted.< / li > < / ul > < h2 > Slots< / h2 > < ul > < li > < code class = "inline" > inner_block< / code > < / li > < / ul > < / div >
2023-11-08 12:41:02 +03:00
< / div >
2023-10-18 15:02:10 +03:00
< div class = "summary-row" >
< div class = "summary-signature" >
< a href = "#docs_info/1" translate = "no" > docs_info(assigns)< / a >
< / div >
< div class = "summary-synopsis" > < h2 > Attributes< / h2 > < ul > < li > < code class = "inline" > slug< / code > (< code class = "inline" > :string< / code > ) (required)< / li > < / ul > < / div >
< / div >
2023-10-17 12:02:26 +03:00
< div class = "summary-row" >
< div class = "summary-signature" >
< a href = "#dropdown/1" translate = "no" > dropdown(assigns)< / a >
< / div >
< div class = "summary-synopsis" > < h2 > Slots< / h2 > < ul > < li > < code class = "inline" > button< / code > (required) - Accepts attributes:< ul > < li > < code class = "inline" > class< / code > (< code class = "inline" > :string< / code > )< / li > < / ul > < / li > < li > < code class = "inline" > panel< / code > (required) - Accepts attributes:< ul > < li > < code class = "inline" > class< / code > (< code class = "inline" > :string< / code > )< / li > < / ul > < / li > < / ul > < / div >
< / div >
< div class = "summary-row" >
< div class = "summary-signature" >
< a href = "#dropdown_link/1" translate = "no" > dropdown_link(assigns)< / a >
< / div >
2023-12-13 12:00:01 +03:00
< div class = "summary-synopsis" > < h2 > Attributes< / h2 > < ul > < li > < code class = "inline" > href< / code > (< code class = "inline" > :string< / code > ) (required)< / li > < li > < code class = "inline" > new_tab< / code > (< code class = "inline" > :boolean< / code > ) - Defaults to < code class = "inline" > false< / code > .< / li > < li > Global attributes are accepted.< / li > < / ul > < h2 > Slots< / h2 > < ul > < li > < code class = "inline" > inner_block< / code > (required)< / li > < / ul > < / div >
2023-10-17 12:02:26 +03:00
< / div >
2024-01-22 14:15:21 +03:00
< div class = "summary-row" >
< div class = "summary-signature" >
< a href = "#dynamic_icon/1" translate = "no" > dynamic_icon(assigns)< / a >
< / div >
< div class = "summary-synopsis" > < h2 > Attributes< / h2 > < ul > < li > < code class = "inline" > name< / code > (< code class = "inline" > :atom< / code > ) (required)< / li > < li > < code class = "inline" > outline< / code > (< code class = "inline" > :boolean< / code > ) - Defaults to < code class = "inline" > true< / code > .< / li > < li > < code class = "inline" > solid< / code > (< code class = "inline" > :boolean< / code > ) - Defaults to < code class = "inline" > false< / code > .< / li > < li > < code class = "inline" > mini< / 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" > [" fill" , " stroke" , " stroke-width" ]< / code > .< / li > < / ul > < / div >
< / div >
2023-07-12 11:28:07 +03:00
< div class = "summary-row" >
< div class = "summary-signature" >
< a href = "#notice/1" translate = "no" > notice(assigns)< / a >
< / div >
2023-11-16 18:41:27 +03:00
< div class = "summary-synopsis" > < h2 > Attributes< / h2 > < ul > < li > < code class = "inline" > title< / code > (< code class = "inline" > :any< / code > ) - Defaults to < code class = "inline" > nil< / code > .< / li > < li > < code class = "inline" > size< / code > (< code class = "inline" > :atom< / code > ) - Defaults to < code class = "inline" > :sm< / code > .< / li > < li > < code class = "inline" > theme< / code > (< code class = "inline" > :atom< / code > ) - Defaults to < code class = "inline" > :yellow< / code > .< / li > < li > < code class = "inline" > dismissable_id< / code > (< code class = "inline" > :any< / 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 > < li > Global attributes are accepted.< / li > < / ul > < h2 > Slots< / h2 > < ul > < li > < code class = "inline" > inner_block< / code > < / li > < / ul > < / div >
2023-07-12 11:28:07 +03:00
< / div >
2023-12-06 14:02:03 +03:00
< div class = "summary-row" >
< div class = "summary-signature" >
< a href = "#spinner/1" translate = "no" > spinner(assigns)< / a >
< / div >
2024-01-15 13:40:15 +03:00
< div class = "summary-synopsis" > < h2 > Attributes< / h2 > < ul > < li > < code class = "inline" > class< / code > (< code class = "inline" > :any< / code > ) - Defaults to < code class = "inline" > " " < / code > .< / li > < li > Global attributes are accepted.< / li > < / ul > < / div >
2023-12-06 14:02:03 +03:00
< / div >
2023-09-21 13:56:55 +03:00
< div class = "summary-row" >
< div class = "summary-signature" >
< a href = "#styled_link/1" translate = "no" > styled_link(assigns)< / a >
< / div >
2024-02-12 16:55:58 +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" > href< / code > (< code class = "inline" > :string< / code > ) - Defaults to < code class = "inline" > " #" < / code > .< / li > < li > < code class = "inline" > new_tab< / code > (< code class = "inline" > :boolean< / code > ) - Defaults to < code class = "inline" > false< / code > .< / li > < li > < code class = "inline" > class< / code > (< code class = "inline" > :string< / code > ) - Defaults to < code class = "inline" > " " < / code > .< / li > < li > Global attributes are accepted.< / li > < / ul > < h2 > Slots< / h2 > < ul > < li > < code class = "inline" > inner_block< / code > < / li > < / ul > < / div >
2023-10-17 12:02:26 +03:00
< / div >
2024-04-29 12:16:52 +03:00
< div class = "summary-row" >
< div class = "summary-signature" >
< a href = "#tooltip/1" translate = "no" > tooltip(assigns)< / a >
< / div >
2024-04-30 19:07:03 +03:00
< div class = "summary-synopsis" > < h2 > Attributes< / h2 > < ul > < li > < code class = "inline" > wrapper_class< / code > (< code class = "inline" > :any< / code > ) - Defaults to < code class = "inline" > " " < / code > .< / li > < li > < code class = "inline" > class< / code > (< code class = "inline" > :any< / code > ) - Defaults to < code class = "inline" > " " < / code > .< / li > < / ul > < h2 > Slots< / h2 > < ul > < li > < code class = "inline" > inner_block< / code > (required)< / li > < li > < code class = "inline" > tooltip_content< / code > (required)< / li > < / ul > < / div >
2024-04-29 12:16:52 +03:00
< / div >
2023-10-17 12:02:26 +03:00
< div class = "summary-row" >
< div class = "summary-signature" >
< a href = "#unstyled_link/1" translate = "no" > unstyled_link(assigns)< / a >
< / div >
2023-11-13 11:09:08 +03:00
< div class = "summary-synopsis" > < h2 > Attributes< / h2 > < ul > < li > < code class = "inline" > href< / code > (< code class = "inline" > :string< / code > ) (required)< / li > < li > < code class = "inline" > new_tab< / code > (< code class = "inline" > :boolean< / code > ) - Defaults to < code class = "inline" > false< / code > .< / li > < li > < code class = "inline" > class< / code > (< code class = "inline" > :string< / code > ) - Defaults to < code class = "inline" > " " < / code > .< / li > < li > < code class = "inline" > id< / code > (< code class = "inline" > :any< / code > ) - Defaults to < code class = "inline" > nil< / code > .< / li > < li > Global attributes are accepted.< / li > < / ul > < h2 > Slots< / h2 > < ul > < li > < code class = "inline" > inner_block< / code > < / li > < / ul > < / div >
2023-09-21 13:56:55 +03:00
< / div >
2023-07-12 11:28:07 +03:00
< / 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 >
2023-07-25 10:58:48 +03:00
< / a >
2024-01-11 10:50:44 +03:00
< span class = "text" > Functions< / span >
2023-07-12 11:28:07 +03:00
< / h1 >
< div class = "functions-list" >
2023-11-08 12:41:02 +03:00
< section class = "detail" id = "button/1" >
< div class = "detail-header" >
< a href = "#button/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" > button(assigns)< / h1 >
2024-02-28 11:34:47 +03:00
< a href = "https://github.com/plausible/analytics/blob/main/lib/plausible_web/components/generic.ex#L40" class = "icon-action" rel = "help" title = "View Source" >
2023-11-08 12:41:02 +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 = "button/1-attributes" class = "section-heading" >
2024-01-11 10:50:44 +03:00
< a href = "#button/1-attributes" class = "hover-link" >
2023-11-08 12:41:02 +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-11-08 12:41:02 +03:00
< / h2 >
2024-02-28 11:34:47 +03:00
< ul > < li > < code class = "inline" > type< / code > (< code class = "inline" > :string< / code > ) - Defaults to < code class = "inline" > " button" < / code > .< / li > < li > < code class = "inline" > theme< / code > (< code class = "inline" > :string< / code > ) - Defaults to < code class = "inline" > " primary" < / code > .< / li > < li > < code class = "inline" > class< / code > (< code class = "inline" > :string< / code > ) - Defaults to < code class = "inline" > " " < / code > .< / li > < li > < code class = "inline" > disabled< / code > (< code class = "inline" > :boolean< / code > ) - Defaults to < code class = "inline" > false< / code > .< / li > < li > Global attributes are accepted.< / li > < / ul > < h2 id = "button/1-slots" class = "section-heading" >
2024-01-11 10:50:44 +03:00
< a href = "#button/1-slots" class = "hover-link" >
2023-11-08 12:41:02 +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-11-08 12:41:02 +03:00
< / h2 >
< ul > < li > < code class = "inline" > inner_block< / code > < / li > < / ul >
< / section >
< / section >
< section class = "detail" id = "button_link/1" >
< div class = "detail-header" >
< a href = "#button_link/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" > button_link(assigns)< / h1 >
2024-02-28 11:34:47 +03:00
< a href = "https://github.com/plausible/analytics/blob/main/lib/plausible_web/components/generic.ex#L71" class = "icon-action" rel = "help" title = "View Source" >
2023-11-08 12:41:02 +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 = "button_link/1-attributes" class = "section-heading" >
2024-01-11 10:50:44 +03:00
< a href = "#button_link/1-attributes" class = "hover-link" >
2023-11-08 12:41:02 +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-11-08 12:41:02 +03:00
< / h2 >
2024-02-28 11:34:47 +03:00
< ul > < li > < code class = "inline" > href< / code > (< code class = "inline" > :string< / code > ) (required)< / li > < li > < code class = "inline" > class< / code > (< code class = "inline" > :string< / code > ) - Defaults to < code class = "inline" > " " < / code > .< / li > < li > < code class = "inline" > theme< / code > (< code class = "inline" > :string< / code > ) - Defaults to < code class = "inline" > " primary" < / code > .< / li > < li > < code class = "inline" > disabled< / code > (< code class = "inline" > :boolean< / code > ) - Defaults to < code class = "inline" > false< / code > .< / li > < li > Global attributes are accepted.< / li > < / ul > < h2 id = "button_link/1-slots" class = "section-heading" >
2024-01-11 10:50:44 +03:00
< a href = "#button_link/1-slots" class = "hover-link" >
2023-11-08 12:41:02 +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-11-08 12:41:02 +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 = "docs_info/1" >
< div class = "detail-header" >
< a href = "#docs_info/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" > docs_info(assigns)< / h1 >
2024-04-18 13:14:02 +03:00
< a href = "https://github.com/plausible/analytics/blob/main/lib/plausible_web/components/generic.ex#L111" 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 = "docs_info/1-attributes" class = "section-heading" >
2024-01-11 10:50:44 +03:00
< a href = "#docs_info/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 >
< ul > < li > < code class = "inline" > slug< / code > (< code class = "inline" > :string< / code > ) (required)< / li > < / ul >
< / section >
< / section >
2023-10-17 12:02:26 +03:00
< section class = "detail" id = "dropdown/1" >
< div class = "detail-header" >
< a href = "#dropdown/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" > dropdown(assigns)< / h1 >
2024-04-18 13:14:02 +03:00
< a href = "https://github.com/plausible/analytics/blob/main/lib/plausible_web/components/generic.ex#L207" class = "icon-action" rel = "help" title = "View Source" >
2023-10-17 12:02:26 +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 = "dropdown/1-slots" class = "section-heading" >
2024-01-11 10:50:44 +03:00
< a href = "#dropdown/1-slots" class = "hover-link" >
2023-10-17 12:02:26 +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-10-17 12:02:26 +03:00
< / h2 >
< ul > < li > < code class = "inline" > button< / code > (required) - Accepts attributes:< ul > < li > < code class = "inline" > class< / code > (< code class = "inline" > :string< / code > )< / li > < / ul > < / li > < li > < code class = "inline" > panel< / code > (required) - Accepts attributes:< ul > < li > < code class = "inline" > class< / code > (< code class = "inline" > :string< / code > )< / li > < / ul > < / li > < / ul >
< / section >
< / section >
< section class = "detail" id = "dropdown_link/1" >
< div class = "detail-header" >
< a href = "#dropdown_link/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" > dropdown_link(assigns)< / h1 >
2024-04-18 13:14:02 +03:00
< a href = "https://github.com/plausible/analytics/blob/main/lib/plausible_web/components/generic.ex#L241" class = "icon-action" rel = "help" title = "View Source" >
2023-10-17 12:02:26 +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 = "dropdown_link/1-attributes" class = "section-heading" >
2024-01-11 10:50:44 +03:00
< a href = "#dropdown_link/1-attributes" class = "hover-link" >
2023-10-17 12:02:26 +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-17 12:02:26 +03:00
< / h2 >
2023-12-13 12:00:01 +03:00
< ul > < li > < code class = "inline" > href< / code > (< code class = "inline" > :string< / code > ) (required)< / li > < li > < code class = "inline" > new_tab< / code > (< code class = "inline" > :boolean< / code > ) - Defaults to < code class = "inline" > false< / code > .< / li > < li > Global attributes are accepted.< / li > < / ul > < h2 id = "dropdown_link/1-slots" class = "section-heading" >
2024-01-11 10:50:44 +03:00
< a href = "#dropdown_link/1-slots" class = "hover-link" >
2023-10-17 12:02:26 +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-10-17 12:02:26 +03:00
< / h2 >
< ul > < li > < code class = "inline" > inner_block< / code > (required)< / li > < / ul >
< / section >
< / section >
2024-01-22 14:15:21 +03:00
< section class = "detail" id = "dynamic_icon/1" >
< div class = "detail-header" >
< a href = "#dynamic_icon/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" > dynamic_icon(assigns)< / h1 >
2024-04-30 19:07:03 +03:00
< a href = "https://github.com/plausible/analytics/blob/main/lib/plausible_web/components/generic.ex#L355" class = "icon-action" rel = "help" title = "View Source" >
2024-01-22 14:15:21 +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 = "dynamic_icon/1-attributes" class = "section-heading" >
< a href = "#dynamic_icon/1-attributes" class = "hover-link" >
< i class = "ri-link-m" aria-hidden = "true" > < / i >
< / a >
< span class = "text" > Attributes< / span >
< / h2 >
< ul > < li > < code class = "inline" > name< / code > (< code class = "inline" > :atom< / code > ) (required)< / li > < li > < code class = "inline" > outline< / code > (< code class = "inline" > :boolean< / code > ) - Defaults to < code class = "inline" > true< / code > .< / li > < li > < code class = "inline" > solid< / code > (< code class = "inline" > :boolean< / code > ) - Defaults to < code class = "inline" > false< / code > .< / li > < li > < code class = "inline" > mini< / 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" > [" fill" , " stroke" , " stroke-width" ]< / code > .< / li > < / ul >
< / section >
< / section >
2023-07-12 11:28:07 +03:00
< section class = "detail" id = "notice/1" >
< div class = "detail-header" >
< a href = "#notice/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" > notice(assigns)< / h1 >
2024-04-18 13:14:02 +03:00
< a href = "https://github.com/plausible/analytics/blob/main/lib/plausible_web/components/generic.ex#L127" class = "icon-action" rel = "help" title = "View Source" >
2023-07-12 11:28:07 +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 = "notice/1-attributes" class = "section-heading" >
2024-01-11 10:50:44 +03:00
< a href = "#notice/1-attributes" class = "hover-link" >
2023-07-25 10:58:48 +03:00
< i class = "ri-link-m" aria-hidden = "true" > < / i >
2023-07-12 11:28:07 +03:00
< / a >
2024-01-11 10:50:44 +03:00
< span class = "text" > Attributes< / span >
2023-07-12 11:28:07 +03:00
< / h2 >
2023-11-16 18:41:27 +03:00
< ul > < li > < code class = "inline" > title< / code > (< code class = "inline" > :any< / code > ) - Defaults to < code class = "inline" > nil< / code > .< / li > < li > < code class = "inline" > size< / code > (< code class = "inline" > :atom< / code > ) - Defaults to < code class = "inline" > :sm< / code > .< / li > < li > < code class = "inline" > theme< / code > (< code class = "inline" > :atom< / code > ) - Defaults to < code class = "inline" > :yellow< / code > .< / li > < li > < code class = "inline" > dismissable_id< / code > (< code class = "inline" > :any< / 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 > < li > Global attributes are accepted.< / li > < / ul > < h2 id = "notice/1-slots" class = "section-heading" >
2024-01-11 10:50:44 +03:00
< a href = "#notice/1-slots" class = "hover-link" >
2023-07-25 10:58:48 +03:00
< i class = "ri-link-m" aria-hidden = "true" > < / i >
2023-07-12 11:28:07 +03:00
< / a >
2024-01-11 10:50:44 +03:00
< span class = "text" > Slots< / span >
2023-07-12 11:28:07 +03:00
< / h2 >
2023-09-21 13:56:55 +03:00
< ul > < li > < code class = "inline" > inner_block< / code > < / li > < / ul >
< / section >
< / section >
2023-12-06 14:02:03 +03:00
< section class = "detail" id = "spinner/1" >
< div class = "detail-header" >
< a href = "#spinner/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" > spinner(assigns)< / h1 >
2024-04-18 13:14:02 +03:00
< a href = "https://github.com/plausible/analytics/blob/main/lib/plausible_web/components/generic.ex#L300" class = "icon-action" rel = "help" title = "View Source" >
2023-12-06 14:02:03 +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 = "spinner/1-attributes" class = "section-heading" >
2024-01-11 10:50:44 +03:00
< a href = "#spinner/1-attributes" class = "hover-link" >
2023-12-06 14:02:03 +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-12-06 14:02:03 +03:00
< / h2 >
2024-01-15 13:40:15 +03:00
< ul > < li > < code class = "inline" > class< / code > (< code class = "inline" > :any< / code > ) - Defaults to < code class = "inline" > " " < / code > .< / li > < li > Global attributes are accepted.< / li > < / ul >
2023-12-06 14:02:03 +03:00
< / section >
< / section >
2023-09-21 13:56:55 +03:00
< section class = "detail" id = "styled_link/1" >
< div class = "detail-header" >
< a href = "#styled_link/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" > styled_link(assigns)< / h1 >
2024-04-18 13:14:02 +03:00
< a href = "https://github.com/plausible/analytics/blob/main/lib/plausible_web/components/generic.ex#L186" class = "icon-action" rel = "help" title = "View Source" >
2023-09-21 13:56:55 +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 = "styled_link/1-attributes" class = "section-heading" >
2024-01-11 10:50:44 +03:00
< a href = "#styled_link/1-attributes" class = "hover-link" >
2023-09-21 13:56:55 +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-21 13:56:55 +03:00
< / h2 >
2024-02-12 16:55:58 +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" > href< / code > (< code class = "inline" > :string< / code > ) - Defaults to < code class = "inline" > " #" < / code > .< / li > < li > < code class = "inline" > new_tab< / code > (< code class = "inline" > :boolean< / code > ) - Defaults to < code class = "inline" > false< / code > .< / li > < li > < code class = "inline" > class< / code > (< code class = "inline" > :string< / code > ) - Defaults to < code class = "inline" > " " < / code > .< / li > < li > Global attributes are accepted.< / li > < / ul > < h2 id = "styled_link/1-slots" class = "section-heading" >
2024-01-11 10:50:44 +03:00
< a href = "#styled_link/1-slots" class = "hover-link" >
2023-09-21 13:56:55 +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-21 13:56:55 +03:00
< / h2 >
2023-10-17 12:02:26 +03:00
< ul > < li > < code class = "inline" > inner_block< / code > < / li > < / ul >
< / section >
< / section >
2024-04-29 12:16:52 +03:00
< section class = "detail" id = "tooltip/1" >
< div class = "detail-header" >
< a href = "#tooltip/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" > tooltip(assigns)< / h1 >
2024-04-30 19:07:03 +03:00
< a href = "https://github.com/plausible/analytics/blob/main/lib/plausible_web/components/generic.ex#L326" class = "icon-action" rel = "help" title = "View Source" >
2024-04-29 12:16:52 +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-04-30 19:07:03 +03:00
< h2 id = "tooltip/1-attributes" class = "section-heading" >
< a href = "#tooltip/1-attributes" class = "hover-link" >
< i class = "ri-link-m" aria-hidden = "true" > < / i >
< / a >
< span class = "text" > Attributes< / span >
< / h2 >
< ul > < li > < code class = "inline" > wrapper_class< / code > (< code class = "inline" > :any< / code > ) - Defaults to < code class = "inline" > " " < / code > .< / li > < li > < code class = "inline" > class< / code > (< code class = "inline" > :any< / code > ) - Defaults to < code class = "inline" > " " < / code > .< / li > < / ul > < h2 id = "tooltip/1-slots" class = "section-heading" >
2024-04-29 12:16:52 +03:00
< a href = "#tooltip/1-slots" class = "hover-link" >
< i class = "ri-link-m" aria-hidden = "true" > < / i >
< / a >
< span class = "text" > Slots< / span >
< / h2 >
< ul > < li > < code class = "inline" > inner_block< / code > (required)< / li > < li > < code class = "inline" > tooltip_content< / code > (required)< / li > < / ul >
< / section >
< / section >
2023-10-17 12:02:26 +03:00
< section class = "detail" id = "unstyled_link/1" >
< div class = "detail-header" >
< a href = "#unstyled_link/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" > unstyled_link(assigns)< / h1 >
2024-04-18 13:14:02 +03:00
< a href = "https://github.com/plausible/analytics/blob/main/lib/plausible_web/components/generic.ex#L268" class = "icon-action" rel = "help" title = "View Source" >
2023-10-17 12:02:26 +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 = "unstyled_link/1-attributes" class = "section-heading" >
2024-01-11 10:50:44 +03:00
< a href = "#unstyled_link/1-attributes" class = "hover-link" >
2023-10-17 12:02:26 +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-17 12:02:26 +03:00
< / h2 >
2023-11-13 11:09:08 +03:00
< ul > < li > < code class = "inline" > href< / code > (< code class = "inline" > :string< / code > ) (required)< / li > < li > < code class = "inline" > new_tab< / code > (< code class = "inline" > :boolean< / code > ) - Defaults to < code class = "inline" > false< / code > .< / li > < li > < code class = "inline" > class< / code > (< code class = "inline" > :string< / code > ) - Defaults to < code class = "inline" > " " < / code > .< / li > < li > < code class = "inline" > id< / code > (< code class = "inline" > :any< / code > ) - Defaults to < code class = "inline" > nil< / code > .< / li > < li > Global attributes are accepted.< / li > < / ul > < h2 id = "unstyled_link/1-slots" class = "section-heading" >
2024-01-11 10:50:44 +03:00
< a href = "#unstyled_link/1-slots" class = "hover-link" >
2023-10-17 12:02:26 +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-10-17 12:02:26 +03:00
< / h2 >
2023-07-12 11:28:07 +03:00
< ul > < li > < code class = "inline" > inner_block< / code > < / li > < / ul >
< / 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-07-12 11:28:07 +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-07-12 11:28:07 +03:00
< / div >
< script src = "https://cdn.jsdelivr.net/npm/mermaid/dist/mermaid.min.js" > < / script >
< script > mermaid . initialize ( { startOnLoad : true } ) < / script >
< / body >
< / html >
