Security News
NIST Misses 2024 Deadline to Clear NVD Backlog
NIST has failed to meet its self-imposed deadline of clearing the NVD's backlog by the end of the fiscal year. Meanwhile, CVE's awaiting analysis have increased by 33% since June.
@fluentui/react-field
Advanced tools
React Field component for Fluent UI React
Field adds a label, validation message, and hint text to a control. Any single form control can be used as the child of the Field.
To import Field:
import { Field } from '@fluentui/react-components';
Works with many form controls, for example:
<>
<Field label="Name">
<Input />
</Field>
<Field label="Description">
<Textarea />
</Field>
<Field label="Size">
<RadioGroup>
<Radio label="Small" />
<Radio label="Medium" />
<Radio label="Large" />
</RadioGroup>
</Field>
</>
Display hint text:
<Field label="Password" hint="Must be at least 8 characters long.">
<Input type="password" />
</Field>
Display an error message:
<Field label="Re-enter password" validationMessage="Passwords do not match.">
<Input type="password" />
</Field>
See Fluent UI Storybook for more detailed usage examples.
Alternatively, run Storybook locally with:
yarn start
react-field
from the list.See SPEC.md.
If you're upgrading to Fluent UI v9 see MIGRATION.md for guidance on updating the Field component.
FAQs
Fluent UI Field components
We found that @fluentui/react-field demonstrated a healthy version release cadence and project activity because the last version was released less than a year ago. It has 12 open source maintainers collaborating on the project.
Did you know?
Socket for GitHub automatically highlights issues in each pull request and monitors the health of all your open source dependencies. Discover the contents of your packages and block harmful activity before you install or update your dependencies.
Security News
NIST has failed to meet its self-imposed deadline of clearing the NVD's backlog by the end of the fiscal year. Meanwhile, CVE's awaiting analysis have increased by 33% since June.
Security News
Cloudflare has launched a setup wizard allowing users to easily create and manage a security.txt file for vulnerability disclosure on their websites.
Security News
The Socket Research team breaks down a malicious npm package targeting the legitimate DOMPurify library. It uses obfuscated code to hide that it is exfiltrating browser and crypto wallet data.