JSFiddle - React, Tailwind, and code Playground

by james0n

HTML

<!DOCTYPE html>
<html lang="en">
  <head>
    <title></title>
    <meta name="viewport" content="width=device-width, initial-scale=1" />
    <link rel="stylesheet" href="https://unpkg.com/@primer/css/dist/primer.css" />
  </head>
  <body>
    
    <button class="btn mr-2" type="button">Button</button>
    
    <Box>
 Box can be used to create both <Box as="span" bg="green.1">inline</Box> and
 <Box bg="blue.1">block-level elements,</Box>
 <Box bg="purple.1" width={[1, 1, 1/2]}>elements with fixed or responsive width and height,</Box>
 <Box bg="yellow.0" p={4} mt={2}>and more!</Box>
</Box>
    
    
  </body>
</html>