Code for "Build A Shopify App - Part 1 (Polaris)"

index.js

import {
  Page,
  Layout,
  Card,
  Tag,
  Stack,
  TextField,
  Button,
} from "@shopify/polaris";

const Index = () => {
  return (
    <Page title="Product Tags">
      <Layout>
        <Layout.Section oneHalf>
          <Card title="Product Name">
            <Card.Section>
              <Stack>
                <Tag onRemove={() => console.log("hello")}>test</Tag>
                <Tag onRemove={() => console.log("hello")}>test</Tag>
              </Stack>
            </Card.Section>

            <Card.Section>
              <Stack distribution="equalSpacing">
                <TextField />
                <Button primary>Add Tag</Button>
              </Stack>
            </Card.Section>
          </Card>
        </Layout.Section>
        <Layout.Section oneHalf>
          <Card title="Product Name">
            <Card.Section>
              <Stack>
                <Tag onRemove={() => console.log("hello")}>test</Tag>
                <Tag onRemove={() => console.log("hello")}>test</Tag>
              </Stack>
            </Card.Section>

            <Card.Section>
              <Stack distribution="equalSpacing">
                <TextField />
                <Button primary>Add Tag</Button>
              </Stack>
            </Card.Section>
          </Card>
        </Layout.Section>
      </Layout>
    </Page>
  );
};

export default Index;