Packages

sprocket

0.1.1
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
6 Dependencies
Dependants
Files
Activity
sprocket src docs components hello_button.gleam
Raw

src/docs/components/hello_button.gleam 

import gleam/option.{None, Option, Some}

import sprocket/socket.{Socket}

import sprocket/component.{render}

import sprocket/html.{button, text}

import sprocket/html/attributes.{class}



pub type HelloButtonProps {

  HelloButtonProps(label: Option(String))

}



pub fn hello_button(socket: Socket, props: HelloButtonProps) {

  let HelloButtonProps(label) = props



  render(

    socket,

    [

      button(

        [

          class(

            "p-2 bg-blue-500 hover:bg-blue-600 active:bg-blue-700 text-white rounded",

          ),

        ],

        [

          text(case label {

            Some(label) -> label

            None -> "Click me!"

          }),

        ],

      ),

    ],

  )

}