How to use @fluentui/accessibility - 2 common examples
To help you get started, we’ve selected a few @fluentui/accessibility examples, based on popular ways it is used in public projects.
Secure your code as it's written. Use Snyk Code to scan source code in minutes - no build needed - and fix issues immediately.
microsoft / fluent-ui-react / packages / react / src / utils / renderComponent.tsx View on Github 
const renderWithFocusZone = <p>(
render: RenderComponentCallback</p><p>,
focusZoneDefinition: FocusZoneDefinition,
config: RenderResultConfig</p><p>,
): any => {
if (focusZoneDefinition.mode === FocusZoneMode.Wrap) {
return wrapInGenericFocusZone(
FocusZone,
{
...focusZoneDefinition.props,
isRtl: config.rtl,
},
render(config),
)
}
if (focusZoneDefinition.mode === FocusZoneMode.Embed) {
const originalElementType = config.ElementType
config.ElementType = FocusZone as any
config.unhandledProps = { ...config.unhandledProps, ...focusZoneDefinition.props }
config.unhandledProps.as = originalElementType
config.unhandledProps.isRtl = config.rtl
}
return render(config)
}
</p>const renderWithFocusZone = <p>(
render: RenderComponentCallback</p><p>,
focusZoneDefinition: FocusZoneDefinition,
config: RenderResultConfig</p><p>,
): any => {
if (focusZoneDefinition.mode === FocusZoneMode.Wrap) {
return wrapInGenericFocusZone(
FocusZone,
{
...focusZoneDefinition.props,
isRtl: config.rtl,
},
render(config),
)
}
if (focusZoneDefinition.mode === FocusZoneMode.Embed) {
const originalElementType = config.ElementType
config.ElementType = FocusZone as any
config.unhandledProps = { ...config.unhandledProps, ...focusZoneDefinition.props }
config.unhandledProps.as = originalElementType
config.unhandledProps.isRtl = config.rtl
}</p>@fluentui/accessibility
A set of reusable framework accessibility behaviours.
