github.com/tilt-dev/tilt@v0.33.15-0.20240515162809-0a22ed45d8a0/web/src/Button.stories.tsx (about)

     1  import React from "react"
     2  import styled from "styled-components"
     3  import ButtonInput from "./ButtonInput"
     4  import ButtonLink from "./ButtonLink"
     5  
     6  export default {
     7    title: "New UI/_To Review/Button",
     8  }
     9  
    10  let BG = styled.div`
    11    width: 100%;
    12    height: 100vh;
    13    display: flex;
    14    align-items: center;
    15    justify-content: center;
    16  `
    17  
    18  export const buttonLink = () => (
    19    <BG>
    20      <ButtonLink href="http://cloud.tilt.dev">View Tilt Cloud</ButtonLink>
    21    </BG>
    22  )
    23  
    24  export const buttonInput = () => (
    25    <BG>
    26      <ButtonInput type="submit" value="Sign Up via GitHub" />
    27    </BG>
    28  )