PhoenixDuskmoon.Component.Fun.Signature (PhoenixDuskmoon v7.2.1)

View Source

Customizable signature/seal component for decorative purposes.

Examples

<.dm_fun_signature
  id="signature-1"
  content="A"
  size="large"
  color="#ff0000"
  rotation="-30"
  right="2rem"
  top="2rem"
/>

<.dm_fun_signature
  id="signature-2"
  content="Approved"
  size="medium"
  color="#0066cc"
  opacity="0.8"
  position="absolute"
/>

<.dm_fun_signature
  id="signature-3"
  content="★"
  size="small"
  color="#gold"
  use_star={true}
/>

Attributes

  • id - Component ID (required)
  • content - Content to display in the signature (default: "A")
  • size - Size preset: small (3rem), medium (5rem), large (8rem) (default: medium)
  • color - Signature color (default: "#ff0000aa")
  • rotation - Rotation angle in degrees (default: -30)
  • opacity - Opacity value (0.0 to 1.0) (default: 0.618)
  • right - Distance from right edge (default: "2rem")
  • top - Distance from top edge (default: "2rem")
  • position - CSS position (default: "absolute")
  • class - Additional CSS classes

Styling

This component creates a decorative signature/seal element with:

  • Outer circular border
  • Inner circular border
  • Content in the center
  • Customizable colors, size, rotation, and opacity
  • Absolute positioning by default

It's perfect for watermarks, approvals, signatures, or decorative elements.

Summary

Functions

dm_fun_signature(assigns)

Functions

dm_fun_signature(assigns)

Attributes

  • id (:string) (required)
  • content (:string) - Defaults to "A".
  • size (:string) - Defaults to "medium". Must be one of "small", "medium", or "large".
  • color (:string) - Defaults to "#ff0000aa".
  • rotation (:integer) - Defaults to -30.
  • opacity (:float) - Defaults to 0.618.
  • right (:string) - Defaults to "2rem".
  • top (:string) - Defaults to "2rem".
  • position (:string) - Defaults to "absolute".
  • class (:string) - Defaults to nil.
  • Global attributes are accepted.