View Source PhoenixDuskmoon.Fun.Element (PhoenixDuskmoon v5.2.0-beta.4)

Duskmoon UI Fun Element components

Summary

Functions

Generates a atom effect

Generates a eclipse effect

Generates bubbles fly up from this element.

Generates a plasma ball effect

Generates snowflakes, bubbles or unicode .

Functions

dmf_atom(assigns)

Generates a atom effect

Example

<PhoenixDuskmoon.Fun.Element.dmf_atom />

Attributes

  • id (:any) - html attribute id. Defaults to nil.
  • 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".

dmf_eclipse(assigns)

Generates a eclipse effect

Example

<PhoenixDuskmoon.Fun.Element.dmf_eclipse
/>

Attributes

  • id (:any) - html attribute id. Defaults to nil.
  • class (:any) - html attribute class. Defaults to "".
  • background (:string) - Background color. Defaults to "#09090b".
  • size (:string) - size. Defaults to "400px".

dmf_plasma_ball(assigns)

Generates a plasma ball effect

Example

<PhoenixDuskmoon.Fun.Element.dmf_plasma_ball />

Attributes

  • id (:any) - html attribute id. Defaults to nil.
  • class (:any) - html attribute class. Defaults to "".
  • size (:string) - size. Defaults to "350px".
  • show_base (:boolean) - show base of plasma ball. Defaults to false.
  • show_electrode (:boolean) - show electrode of plasma ball. Defaults to true.

dmf_snow(assigns)

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 to 200.
  • color (:string) - snowflake color. Defaults to "#fff".
  • size (:string) - snowflake size. Defaults to "10px".
  • unicode (:boolean) - show snowflake by using unicode character [❆]. Defaults to false.