wix-style-react/src/Themes/businessDashboard/docs/components/Tag.js

wix-style-react

export const playground = `
  <ThemeProvider theme={theme()}>
    <Layout cols={3}>
      <Cell span={1}/>
      <Cell span={1}>
        <Text>lightOutlined</Text>
      </Cell>
      <Cell span={1}>
        <Text>light</Text>
      </Cell>
      <Cell span={1}>
        <Text>Not Clickable</Text>
      </Cell>
      <Cell span={1}>
        <Tag size="medium" theme="lightOutlined" removable={false}>Tag</Tag>
      </Cell>
      <Cell span={1}>
        <Tag size="medium" theme="light" removable={false}>Tag</Tag>
      </Cell>
      <Cell span={1}>
        <Text>Clickable</Text>
      </Cell>
      <Cell span={1}>
        <Tag size="medium" theme="lightOutlined" removable={false} onClick={() => {}}>Tag</Tag>
      </Cell>
      <Cell span={1}>
        <Tag size="medium" theme="light" removable={false} onClick={() => {}}>Tag</Tag>
      </Cell>
    </Layout>
  </ThemeProvider>
`;