Skip to content

Release 0.6.0

Compare
Choose a tag to compare
@github-actions github-actions released this 24 Oct 14:56
5f5a56c

Breaking changes

The form elements have been completely revamped, including default style on the form root element.
They are now all exported in a Form object, so that this markup is valid:

import { Form } from "@vector-im/compound-web";

const Render: React.FC = () => (
  <Form.Root>
    <Form.Field name="username">
      <Form.Label>Username</Form.Label>
      <Form.TextControl />
    </Form.Field>
    <Form.Field name="password">
      <Form.Label>Password</Form.Label>
      <Form.PasswordControl />
    </Form.Field>
    <Form.Submit>Submit</Form.Submit>
  </Form.Root>
);

The <Checkbox />, <Toggle /> and <Radio /> components don't have a kind property anymore, but rather rely on the data-invalid property (used by Radix forms) for their invalid state

What's Changed

Full Changelog: v0.5.4...v0.6.0