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-scroll-horizontal.exs
Raw

lib/emerge/docs/examples/ui-scroll-horizontal.exs 

el(

  [

    width(px(360)),

    height(px(84)),

    padding(10),

    scrollbar_x(),

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

    Border.rounded(10)

  ],

  row([spacing(10)], [

    el(

      [

        padding_xy(10, 6),

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

        Border.rounded(999),

        Border.width(1),

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

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

      ],

      text("Design")

    ),

    el(

      [

        padding_xy(10, 6),

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

        Border.rounded(999),

        Border.width(1),

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

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

      ],

      text("Docs")

    ),

    el(

      [

        padding_xy(10, 6),

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

        Border.rounded(999),

        Border.width(1),

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

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

      ],

      text("Layout")

    ),

    el(

      [

        padding_xy(10, 6),

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

        Border.rounded(999),

        Border.width(1),

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

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

      ],

      text("Animation")

    ),

    el(

      [

        padding_xy(10, 6),

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

        Border.rounded(999),

        Border.width(1),

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

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

      ],

      text("Events")

    ),

    el(

      [

        padding_xy(10, 6),

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

        Border.rounded(999),

        Border.width(1),

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

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

      ],

      text("Rendering")

    ),

    el(

      [

        padding_xy(10, 6),

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

        Border.rounded(999),

        Border.width(1),

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

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

      ],

      text("Testing")

    )

  ])

)