Security News
Cloudflare Adds Security.txt Setup Wizard
Cloudflare has launched a setup wizard allowing users to easily create and manage a security.txt file for vulnerability disclosure on their websites.
@fluentui/react-field
Advanced tools
React Field component for Fluent UI React
These are not production-ready components and should never be used in product. This space is useful for testing new components whose APIs might change before final release.
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/unstable';
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
The npm package @fluentui/react-field receives a total of 106,813 weekly downloads. As such, @fluentui/react-field popularity was classified as popular.
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
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.
Security News
ENISA’s 2024 report highlights the EU’s top cybersecurity threats, including rising DDoS attacks, ransomware, supply chain vulnerabilities, and weaponized AI.