Packages

emerge

0.3.0
0.3.2 0.3.1 0.3.0 0.2.1 0.2.0 0.1.0

Write native GUI directly from Elixir using declarative API.

HexDocs

Current section

Files

Jump to
Readme
6 Versions
3 Dependencies
Dependants
Files
Activity
emerge lib emerge docs examples ui-transform-alpha.exs
Raw

lib/emerge/docs/examples/ui-transform-alpha.exs 

row(

  [

    width(px(320)),

    spacing(12),

    padding(12),

    Background.color(color(:slate, 900)),

    Border.rounded(12)

  ],

  [

    el(

      [

        width(fill()),

        padding(12),

        Background.color(color(:slate, 50)),

        Border.rounded(12),

        Border.width(1),

        Border.color(color(:slate, 300)),

        Font.color(color(:slate, 900))

      ],

      column([spacing(4)], [

        el([Font.size(14), Font.semi_bold()], text("Primary")),

        el([Font.size(11), Font.color(color(:slate, 500))], text("Fully visible"))

      ])

    ),

    el(

      [

        width(fill()),

        padding(12),

        Background.color(color(:slate, 50)),

        Border.rounded(12),

        Border.width(1),

        Border.color(color(:slate, 300)),

        Transform.alpha(0.45),

        Font.color(color(:slate, 900))

      ],

      column([spacing(4)], [

        el([Font.size(14), Font.semi_bold()], text("Archived")),

        el([Font.size(11), Font.color(color(:slate, 500))], text("Same layout, lower emphasis"))

      ])

    )

  ]

)