Julien Thibeaut

Design Engineer

Back to Lab

Card Spotlight

September 2023

Focused Security

A spotlight on security, because the safety of your data is our priority.

Unlock code snippet

Enter your email to access all code snippets and subscribe to my newsletter for updates.


import { useState } from "react";
import Button from "./ui/Button";

// Nice try! I promise I won't send you a tons of spam emails

const INIT = "INIT";
const SUBMITTING = "SUBMITTING";
const ERROR = "ERROR";
const SUCCESS = "SUCCESS";

const formStates = [INIT, SUBMITTING, ERROR, SUCCESS] as const;


function NewsletterForm() {
  return (
    <form>
      <input type="email" placeholder="
        Enter your email" />
        <Button type="submit">Subscribe</Button>
        </form>
        );
    }
}

Input Border Spotlight

Card Shine