search

vmware-clarity / core

Clarity is a scalable, accessible, customizable, open-source design system built with web components. Works with any JavaScript framework, created for enterprises, and designed to be inclusive.
https://clarity.design
MIT License
163 stars 42 forks source link

Form component not worked as expected #132

Closed ray-sh closed 2 years ago

ray-sh commented 2 years ago

Describe the bug

Try the form component in index.html and the form don't displabed as expected

How to reproduce

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="utf-8">
  <meta content="width=device-width, initial-scale=1.0" name="viewport">
  <title> Index</title>
  <meta content="" name="description">
  <meta content="" name="keywords">
  <link rel="stylesheet" href="https://unpkg.com/@clr/ui/clr-ui.min.css" />
</head>
<body>
    <form clrForm>
        <clr-input-container>
          <label>Field 1 label</label>
          <input clrInput type="text" name="example" />
        </clr-input-container>
        <clr-input-container>
          <label>Field 2 label</label>
          <input clrInput type="text" name="example" />
        </clr-input-container>
      </form>
</body>
</html>

Expected behavior

https://storybook.clarity.design/?path=/docs/forms-form--default

Versions

Clarity project: Clarity Core latest

Framework: No framework

ashleyryan commented 2 years ago

We've moved our websites around and that is now the ng-clarity forms page.

This is the correct url for Core forms: https://storybook.core.clarity.design/?path=/story/forms-getting-started--page

github-actions[bot] commented 2 years ago

Hi there 👋, this is an automated message. To help Clarity keep track of discussions, we automatically lock closed issues after 14 days. Please look for another open issue or open a new issue with updated details and reference this one as necessary.