Packages

sprocket

0.1.3
2.1.0 2.0.0 1.0.0 0.4.2 0.4.1 0.4.0 0.3.2 0.3.1 0.3.0 0.2.5 0.2.4 0.2.3 0.2.2 0.2.1 0.2.0 0.1.10 0.1.9 0.1.8 0.1.7 0.1.6 0.1.5 0.1.4 0.1.3 0.1.2 0.1.1 0.1.0

A library for building live views and real-time server components in Gleam

HexDocs

Current section

Files

Jump to
Readme
26 Versions
8 Dependencies
Dependants
Files
Activity
sprocket src docs@components@hello_button.erl
Raw

src/docs@components@hello_button.erl 

-module(docs@components@hello_button).

-compile([no_auto_import, nowarn_unused_vars]).



-export([hello_button/2]).

-export_type([hello_button_props/0]).



-type hello_button_props() :: {hello_button_props,

        gleam@option:option(binary())}.



-spec hello_button(sprocket@context:context(), hello_button_props()) -> {sprocket@context:context(),

    list(sprocket@context:element())}.

hello_button(Ctx, Props) ->

    {hello_button_props, Label} = Props,

    sprocket@component:render(

        Ctx,

        [sprocket@html:button(

                [sprocket@html@attributes:class(

                        <<"p-2 bg-blue-500 hover:bg-blue-600 active:bg-blue-700 text-white rounded"/utf8>>

                    )],

                [sprocket@html:text(case Label of

                            {some, Label@1} ->

                                Label@1;



                            none ->

                                <<"Click me!"/utf8>>

                        end)]

            )]

    ).