Release 0.6.0
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
- Storybook: enable autodocs by @kerryarchibald in #107
- Create floating menu component by @robintown in #99
- Add drawer menu component by @robintown in #109
- Update button styles by @robintown in #112
- Remove stories and tests from duplicated lines calculations by @germain-gg in #114
- Remove Figma definitions in storyboook by @germain-gg in #115
- Forms cleanup by @sandhose in #108
Full Changelog: v0.5.4...v0.6.0