PhoenixDuskmoon.Fun.Element (PhoenixDuskmoon v7.2.1)
View SourceDuskmoon UI Fun Element components
Summary
Functions
Generates a atom effect
Generates a eclipse effect
Generates bubbles fly up from this element.
Generates Loading.
Generates a plasma ball effect
Generates snowflakes, bubbles or unicode ❆.
Functions
Generates a atom effect
Example
<PhoenixDuskmoon.Fun.Element.dmf_atom />Attributes
id(:any) - html attribute id. Defaults tonil.class(:any) - html attribute class. Defaults to"".size(:string) - size. Defaults to"200px".atom_color(:string) - atom color. Defaults to"#00d8ff".electron_color(:string) - electron color. Defaults to"#99f8ff".
Generates a eclipse effect
Example
<PhoenixDuskmoon.Fun.Element.dmf_eclipse
/>Attributes
id(:any) - html attribute id. Defaults tonil.class(:any) - html attribute class. Defaults to"".background(:string) - Background color. Defaults to"#09090b".size(:string) - size. Defaults to"400px".
Generates Loading.
Examples
<.dmf_loading_ex size={44} item_count={99} speed={"2s"} />Attributes
id(:any) - html attribute id. Defaults tofalse.class(:any) - html attribute class. Defaults to"".item_count(:integer) - loading effect bubble count. Defaults to88.speed(:string) - loading effect speed. Defaults to"4s".size(:string) - loading size, css value. Defaults to"20rem".
Generates a plasma ball effect
Example
<PhoenixDuskmoon.Fun.Element.dmf_plasma_ball />Attributes
id(:any) - html attribute id. Defaults tonil.class(:any) - html attribute class. Defaults to"".size(:string) - size. Defaults to"350px".show_base(:boolean) - show base of plasma ball. Defaults tofalse.show_electrode(:boolean) - show electrode of plasma ball. Defaults totrue.
Generates snowflakes, bubbles or unicode ❆.
Example
<PhoenixDuskmoon.Fun.Element.dmf_snow />Attributes
class(:any) - html attribute class for each snowflake. Defaults to"".count(:integer) - snowflake count. Defaults to200.color(:string) - snowflake color. Defaults to"#fff".size(:string) - snowflake size. Defaults to"10px".unicode(:boolean) - show snowflake by using unicode character [❆]. Defaults tofalse.