@fluentui/react-jsx-runtime NPM | npm.io

9.0.38 • Published 1 day ago

Install

Weekly downloads

-

License

MIT

Repository

Last release

1 day ago

@fluentui/react-jsx-runtime

React JSX runtime for Fluent UI React

Fluent UI React requires the usage of a custom JSX runtime to support the slots API

Usage

This library should only be used in the case where you are trying to use the internal slot API of Fluent UI React. If you are not using the internal slot API, you should not need to use this library.

In case you want to re-compose a component and redeclare its render method then this API will be necessary, here's our documentation on Rendering a component with slots

To properly render a component with slots the createElement method of @fluentui/react-jsx-runtime can be used as a replacement for React.createElement:

/** @jsxRuntime classic */
/** @jsx createElement */

// createElement custom JSX pragma is required to support slot creation
import { createElement } from '@fluentui/react-jsx-runtime';
import { assertSlots } from '@fluentui/react-utilities';

const renderButton_unstable = (state: ButtonState) => {
  const { iconOnly, iconPosition } = state;

  assertSlots<ButtonSlots>(state);

  return (
    <state.root>
      {iconPosition !== 'after' && state.icon && <state.icon />}
      {!iconOnly && state.root.children}
      {iconPosition === 'after' && state.icon && <state.icon />}
    </state.root>
  );
};

In case you're using typescript or any modern javascript transpiler, you can use JSX import source feature instead of depending on declaring the runtime on every file

In TSC case you can simply add this do tsconfig.json file:

{
  "compilerOptions": {
    "jsx": "react-jsx",
    "jsxImportSource": "@fluentui/react-jsx-runtime"
  }
}

@fluentui/react-utilities react-is @swc/helpers

@everything-registry/sub-chunk-330 @fluentui/react-radio @fluentui/react-rating @fluentui/react-rating-preview @fluentui/react-search @fluentui/react-search-preview @fluentui/react-select @fluentui/react-skeleton @fluentui/react-progress @fluentui/react-provider @fluentui/react-slider @fluentui/react-spinbutton @fluentui/react-spinner @fluentui/react-swatch-picker @fluentui/react-persona @fluentui/react-popover @fluentui/react-text @fluentui/react-textarea @fluentui/react-tabs @fluentui/react-tag-picker @fluentui/react-tag-picker-preview @fluentui/react-swatch-picker-preview @fluentui/react-switch @fluentui/react-table @fluentui/react-tags @fluentui/react-tags-preview @fluentui/react-teaching-popover @fluentui/react-teaching-popover-preview @fluentui-contrib/react-chat @fluentui-contrib/react-themeless-provider @fluentui-contrib/react-tree-grid @fluentui/react-accordion @fluentui/react-alert @fluentui/react-drawer @fluentui/react-field @fluentui/react-input @fluentui/react-label @fluentui/react-link @fluentui/react-list-preview @fluentui/react-menu @fluentui/react-message-bar @fluentui/react-message-bar-preview @fluentui/react-migration-v0-v9 @fluentui/react-motion-preview @fluentui/react-nav-preview @fluentui/react-image @fluentui/react-divider @fluentui/react-infobutton @fluentui/react-infolabel @fluentui/react-infolabel-preview @fluentui/react-timepicker-compat @fluentui/react-timepicker-compat-preview @fluentui/react-toast @fluentui/react-toolbar @fluentui/react-tooltip @fluentui/react-tree @fluentui/react-virtualizer @fluentui/react-button @fluentui/react-calendar-compat @fluentui/react-card @fluentui/react-checkbox @fluentui/react-combobox @fluentui/react-aria @fluentui/react-avatar @fluentui/react-badge @fluentui/react-breadcrumb @fluentui/react-breadcrumb-preview @fluentui/react-data-grid-react-window @fluentui/react-datepicker-compat @fluentui/react-dialog

1 day ago

0.0.0-nightly-20240517-0405.1

4 days ago

0.0.0-nightly-20240520-0407.1

1 day ago

0.0.0-nightly-20240516-0406.1

5 days ago

0.0.0-nightly-20240515-0405.1

6 days ago

0.0.0-nightly-20240514-0405.1

7 days ago

0.0.0-nightly-20240513-0408.1

8 days ago

0.0.0-nightly-20240510-0407.1

11 days ago

0.0.0-nightly-20240509-0405.1

12 days ago

0.0.0-nightly-20240508-0405.1

13 days ago

0.0.0-nightly-20240506-0407.1

15 days ago

0.0.0-nightly-20240507-0407.1

14 days ago

15 days ago

0.0.0-nightly-20240503-0405.1

18 days ago

0.0.0-nightly-20240502-0405.1

19 days ago

0.0.0-nightly-20240501-0406.1

20 days ago

0.0.0-nightly-20240430-0406.1

21 days ago

0.0.0-nightly-20240429-0407.1

22 days ago

0.0.0-nightly-20240426-0405.1

25 days ago

0.0.0-nightly-20240425-0408.1

26 days ago

0.0.0-nightly-20240424-0405.1

27 days ago

0.0.0-nightly-20240423-0406.1

28 days ago

28 days ago

0.0.0-nightly-20240422-0407.1

29 days ago

0.0.0-nightly-20240419-0408.1

1 month ago

0.0.0-nightly-20240418-0406.1

1 month ago

0.0.0-nightly-20240417-0406.1

1 month ago

0.0.0-nightly-20240415-0407.1

1 month ago

0.0.0-nightly-20240412-0405.1

1 month ago

0.0.0-nightly-20240411-0405.1

1 month ago

0.0.0-nightly-20240410-0406.1

1 month ago

0.0.0-nightly-20240409-0405.1

1 month ago

0.0.0-nightly-20240408-0406.1

1 month ago

0.0.0-nightly-20240405-0409.1

2 months ago

0.0.0-nightly-20240404-0406.1

2 months ago

0.0.0-nightly-20240402-0405.1

2 months ago

2 months ago

0.0.0-nightly-20240403-0405.1

2 months ago

0.0.0-nightly-20240401-0408.1

2 months ago

0.0.0-nightly-20240329-0405.1

2 months ago

0.0.0-nightly-20240328-0407.1

2 months ago

0.0.0-nightly-20240327-0404.1

2 months ago

0.0.0-nightly-20240326-0405.1

2 months ago

0.0.0-nightly-20240325-0409.1

2 months ago

0.0.0-nightly-20240322-0406.1

2 months ago

0.0.0-nightly-20240321-0406.1

2 months ago

0.0.0-nightly-20240320-0406.1

2 months ago

0.0.0-nightly-20240319-0405.1

2 months ago

2 months ago

0.0.0-nightly-20240318-0408.1

2 months ago

2 months ago

0.0.0-nightly-20240315-0408.1

2 months ago

0.0.0-nightly-20240312-0405.1

2 months ago

0.0.0-nightly-20240314-0406.1

2 months ago

0.0.0-nightly-20240313-0405.1

2 months ago

0.0.0-nightly-20240311-0406.1

2 months ago

0.0.0-nightly-20240308-0405.1

2 months ago

2 months ago

0.0.0-nightly-20240307-0406.1

3 months ago

0.0.0-nightly-20240306-0405.1

3 months ago

0.0.0-nightly-20240305-1651.1

3 months ago

0.0.0-nightly-20240305-0405.1

3 months ago

0.0.0-nightly-20240304-0405.1

3 months ago

0.0.0-nightly-20240301-0405.1

3 months ago

0.0.0-nightly-20240229-0406.1

3 months ago

0.0.0-nightly-20240228-0405.1

3 months ago

3 months ago

0.0.0-nightly-20240226-0407.1

3 months ago

0.0.0-nightly-20240227-0405.1

3 months ago

0.0.0-nightly-20240222-0407.1

3 months ago

0.0.0-nightly-20240223-0405.1

3 months ago

3 months ago

0.0.0-nightly-20240221-0405.1

3 months ago

0.0.0-nightly-20240220-0405.1

3 months ago

0.0.0-nightly-20240219-0407.1

3 months ago

0.0.0-nightly-20240216-0405.1

3 months ago

0.0.0-nightly-20240215-0406.1

3 months ago

0.0.0-nightly-20240214-0405.1

3 months ago

0.0.0-nightly-20240213-0403.1

3 months ago

0.0.0-nightly-20240212-0406.1

3 months ago

0.0.0-nightly-20240209-0405.1

3 months ago

0.0.0-nightly-20240208-0405.1

3 months ago

0.0.0-nightly-20240207-0406.1

3 months ago

0.0.0-nightly-20240206-0405.1

4 months ago

0.0.0-nightly-20240205-0406.1

4 months ago

0.0.0-nightly-20240202-0405.1

4 months ago

0.0.0-nightly-20240201-0407.1

4 months ago

0.0.0-nightly-20240131-0406.1

4 months ago

4 months ago

0.0.0-nightly-20240129-0407.1

4 months ago

0.0.0-nightly-20240125-0407.1

4 months ago

0.0.0-nightly-20240126-0405.1

4 months ago

0.0.0-nightly-20240124-0406.1

4 months ago

0.0.0-nightly-20240123-0405.1

4 months ago

4 months ago

0.0.0-nightly-20240122-0406.1

4 months ago

0.0.0-nightly-20240119-0406.1

4 months ago

4 months ago

0.0.0-nightly-20240118-0405.1

4 months ago

4 months ago

0.0.0-nightly-20240117-0405.1

4 months ago

0.0.0-nightly-20240116-0406.1

4 months ago

4 months ago

0.0.0-nightly-20240115-0407.1

4 months ago

0.0.0-nightly-20240111-0405.1

4 months ago

0.0.0-nightly-20240112-0405.1

4 months ago

0.0.0-nightly-20240110-0406.1

4 months ago

0.0.0-nightly-20240109-0405.1

4 months ago

0.0.0-nightly-20240108-0406.1

4 months ago

4 months ago

0.0.0-nightly-20240105-0405.1

5 months ago

0.0.0-nightly-20240104-0405.1

5 months ago

0.0.0-nightly-20240103-0406.1

5 months ago

5 months ago

0.0.0-nightly-20240101-0406.1

5 months ago

0.0.0-nightly-20231229-0405.1

5 months ago

0.0.0-nightly-20231228-0406.1

5 months ago

0.0.0-nightly-20231226-0405.1

5 months ago

0.0.0-nightly-20231227-0406.1

5 months ago

0.0.0-nightly-20231225-0406.1

5 months ago

0.0.0-nightly-20231222-0405.1

5 months ago

0.0.0-nightly-20231221-0406.1

5 months ago

0.0.0-nightly-20231220-0405.1

5 months ago

0.0.0-nightly-20231219-0407.1

5 months ago

5 months ago

0.0.0-nightly-20231218-0406.1

5 months ago

0.0.0-nightly-20231215-0405.1

5 months ago

0.0.0-nightly-20231214-0405.1

5 months ago

5 months ago

0.0.0-nightly-20231213-0405.1

5 months ago

0.0.0-nightly-20231211-0406.1

5 months ago

0.0.0-nightly-20231212-0405.1

5 months ago

0.0.0-nightly-20231208-0405.1

6 months ago

0.0.0-nightly-20231207-0407.1

6 months ago

0.0.0-nightly-20231206-0406.1

6 months ago

0.0.0-nightly-20231205-0406.1

6 months ago

0.0.0-nightly-20230831-0414.1

9 months ago

8 months ago

8 months ago

8 months ago

9 months ago

9 months ago

9 months ago

9 months ago

0.0.0-nightly-20230703-0415.1

11 months ago

0.0.0-nightly-20230705-0413.1

11 months ago

0.0.0-nightly-20230809-0415.1

10 months ago

0.0.0-nightly-20230803-0413.1

10 months ago

0.0.0-nightly-20230825-0413.1

9 months ago

0.0.0-nightly-20230913-0415.1

8 months ago

0.0.0-nightly-20231020-0415.1

7 months ago

0.0.0-nightly-20231027-0413.1

7 months ago

0.0.0-nightly-20230907-0414.1

9 months ago

0.0.0-nightly-20231006-0415.1

8 months ago

0.0.0-nightly-20231113-0406.1

6 months ago

0.0.0-nightly-20231025-0415.1

7 months ago

0.0.0-nightly-20230731-0416.1

10 months ago

0.0.0-nightly-20231129-0405.1

6 months ago

0.0.0-nightly-20230922-0418.1

8 months ago

0.0.0-nightly-20231127-0407.1

6 months ago

0.0.0-nightly-20230706-0415.1

11 months ago

0.0.0-nightly-20231003-0415.1

8 months ago

0.0.0-nightly-20230817-0413.1

9 months ago

0.0.0-nightly-20231110-0405.1

6 months ago

0.0.0-nightly-20231102-0406.1

7 months ago

0.0.0-nightly-20231023-0416.1

7 months ago

0.0.0-nightly-20231115-0405.1

6 months ago

0.0.0-nightly-20231107-0406.1

7 months ago

0.0.0-nightly-20230929-0415.1

8 months ago

0.0.0-nightly-20230927-0415.1

8 months ago

9 months ago

9 months ago

9 months ago

0.0.0-nightly-20230811-0414.1

9 months ago

0.0.0-nightly-20231204-0407.1

6 months ago

9 months ago

9 months ago

10 months ago

0.0.0-nightly-20231108-0405.1

7 months ago

10 months ago

10 months ago

10 months ago

0.0.0-nightly-20231018-0416.1

7 months ago

0.0.0-nightly-20230926-0416.1

8 months ago

0.0.0-nightly-20230727-0415.1

10 months ago

0.0.0-nightly-20230725-0413.1

10 months ago

0.0.0-nightly-20231101-1848.1

7 months ago

0.0.0-nightly-20230901-0414.1

9 months ago

0.0.0-nightly-20230905-0414.1

9 months ago

0.0.0-nightly-20230804-0415.1

10 months ago

0.0.0-nightly-20231012-0415.1

7 months ago

0.0.0-nightly-20231010-0415.1

7 months ago

0.0.0-nightly-20230815-0415.1

9 months ago

11 months ago

0.0.0-nightly-20231116-0411.1

6 months ago

0.0.0-nightly-20230808-0415.1

10 months ago

0.0.0-nightly-20230911-0418.1

8 months ago

0.0.0-nightly-20231123-0406.1

6 months ago

0.0.0-nightly-20231121-0406.1

6 months ago

0.0.0-nightly-20231130-0405.1

6 months ago

0.0.0-nightly-20231009-0416.1

8 months ago

0.0.0-nightly-20230928-0417.1

8 months ago

0.0.0-nightly-20230718-0415.1

10 months ago

0.0.0-nightly-20230822-0416.1

9 months ago

0.0.0-nightly-20230712-0413.1

10 months ago

0.0.0-nightly-20230802-0414.1

10 months ago

0.0.0-nightly-20230713-0416.1

10 months ago

0.0.0-nightly-20230818-0413.1

9 months ago

7 months ago

0.0.0-nightly-20231117-0406.1

6 months ago

7 months ago

6 months ago

7 months ago

8 months ago

8 months ago

7 months ago

8 months ago

0.0.0-nightly-20230721-0415.1

10 months ago

8 months ago

8 months ago

0.0.0-nightly-20230726-0415.1

10 months ago

0.0.0-nightly-20230728-0413.1

10 months ago

0.0.0-nightly-20230830-0414.1

9 months ago

0.0.0-nightly-20230707-0414.1

11 months ago

6 months ago

0.0.0-nightly-20230710-0414.1

11 months ago

0.0.0-nightly-20231005-0415.1

8 months ago

0.0.0-nightly-20231004-0414.1

8 months ago

0.0.0-nightly-20230814-0416.1

9 months ago

0.0.0-nightly-20230915-0416.1

8 months ago

0.0.0-nightly-20230912-0416.1

8 months ago

0.0.0-nightly-20231114-0405.1

6 months ago

0.0.0-nightly-20231106-0406.1

7 months ago

0.0.0-nightly-20231101-0406.1

7 months ago

0.0.0-nightly-20231103-0406.1

7 months ago

0.0.0-nightly-20231016-0417.1

7 months ago

0.0.0-nightly-20230920-0415.1

8 months ago

0.0.0-nightly-20230829-0415.1

9 months ago

0.0.0-nightly-20230810-0415.1

10 months ago

0.0.0-nightly-20230704-0416.1

11 months ago

0.0.0-nightly-20231201-0406.1

6 months ago

0.0.0-nightly-20230714-0413.1

10 months ago

0.0.0-nightly-20231002-0417.1

8 months ago

0.0.0-nightly-20230807-0415.1

10 months ago

0.0.0-nightly-20230919-0415.1

8 months ago

0.0.0-nightly-20231031-0414.1

7 months ago

0.0.0-nightly-20230918-0417.1

8 months ago

0.0.0-nightly-20231109-0405.1

6 months ago

0.0.0-nightly-20231019-0416.1

7 months ago

0.0.0-nightly-20231120-0407.1

6 months ago

0.0.0-nightly-20230925-0416.1

8 months ago

0.0.0-nightly-20231024-0413.1

7 months ago

0.0.0-nightly-20230724-0415.1

10 months ago

0.0.0-nightly-20230921-0416.1

8 months ago

0.0.0-nightly-20231128-0407.1

6 months ago

0.0.0-nightly-20230828-0417.1

9 months ago

0.0.0-nightly-20230824-0417.1

9 months ago

0.0.0-nightly-20231030-0406.1

7 months ago

0.0.0-nightly-20230821-0414.1

9 months ago

0.0.0-nightly-20230801-0416.1

10 months ago

0.0.0-nightly-20230720-0415.1

10 months ago

0.0.0-nightly-20230711-0415.1

11 months ago

0.0.0-nightly-20231011-0416.1

7 months ago

0.0.0-nightly-20230823-0414.1

9 months ago

0.0.0-nightly-20230816-0414.1

9 months ago

0.0.0-nightly-20231028-0053.1

7 months ago

0.0.0-nightly-20231026-0414.1

7 months ago

0.0.0-nightly-20230906-0415.1

9 months ago

0.0.0-nightly-20231124-0406.1

6 months ago

0.0.0-nightly-20231122-0406.1

6 months ago

0.0.0-nightly-20231013-0415.1

7 months ago

0.0.0-nightly-20231028-2304.1

7 months ago

0.0.0-nightly-20231017-0415.1

7 months ago

0.0.0-nightly-20230908-0415.1

9 months ago

0.0.0-nightly-20230630-0414.1

11 months ago

0.0.0-nightly-20230719-0415.1

10 months ago

0.0.0-nightly-20230717-0415.1

10 months ago

0.0.0-nightly-20230904-0415.1

9 months ago

11 months ago

11 months ago

11 months ago

0.0.0-nightly-20230609-0416.1

12 months ago

0.0.0-nightly-20230608-0416.1

12 months ago

0.0.0-nightly-20230614-0415.1

11 months ago

0.0.0-nightly-20230619-0417.1

11 months ago

0.0.0-nightly-20230627-0414.1

11 months ago

0.0.0-nightly-20230626-0414.1

11 months ago

0.0.0-nightly-20230623-0414.1

11 months ago

0.0.0-nightly-20230622-0414.1

11 months ago

0.0.0-nightly-20230620-0414.1

11 months ago

0.0.0-nightly-20230621-0414.1

11 months ago

0.0.0-nightly-20230613-0415.1

11 months ago

0.0.0-nightly-20230612-0415.1

11 months ago

0.0.0-nightly-20230606-0415.1

12 months ago

0.0.0-nightly-20230615-0416.1

11 months ago

0.0.0-nightly-20230616-0414.1

11 months ago

0.0.0-nightly-20230605-0416.1

12 months ago

0.0.0-nightly-20230602-0418.1

12 months ago

0.0.0-nightly-20230601-0418.1

12 months ago

12 months ago

0.0.0-nightly-20230531-0416.1

12 months ago

0.0.0-nightly-20230530-0415.1

12 months ago

0.0.0-nightly-20230529-0417.1

12 months ago

0.0.0-nightly-20230526-0415.1

12 months ago

12 months ago

0.0.0-nightly-20230525-0415.1

12 months ago

0.0.0-nightly-20230524-0417.1

12 months ago

0.0.0-nightly-20230523-0416.1

12 months ago

0.0.0-nightly-20230522-0418.1

1 year ago

0.0.0-nightly-20230519-0420.1

1 year ago

0.0.0-nightly-20230518-0420.1

1 year ago

1 year ago

0.0.0-nightly-20230517-0421.1

1 year ago

0.0.0-nightly-20230516-0417.1

1 year ago

0.0.0-nightly-20230515-0418.1

1 year ago

1 year ago

0.0.0-nightly-20230512-0423.1

1 year ago

0.0.0-nightly-20230511-0420.1

1 year ago

0.0.0-nightly-20230510-0418.1

1 year ago

0.0.0-nightly-20230509-0416.1

1 year ago

0.0.0-nightly-20230508-0418.1

1 year ago

0.0.0-nightly-20230505-0424.1

1 year ago

0.0.0-nightly-20230504-0417.1

1 year ago

0.0.0-nightly-20230503-0419.1

1 year ago

0.0.0-nightly-20230502-0418.1

1 year ago

0.0.0-nightly-20230501-0418.1

1 year ago

0.0.0-nightly-20230428-0419.1

1 year ago

0.0.0-nightly-20230427-0418.1

1 year ago

0.0.0-nightly-20230426-0420.1

1 year ago

0.0.0-nightly-20230425-0423.1

1 year ago

1 year ago

0.0.0-nightly-20230424-0419.1

1 year ago

0.0.0-nightly-20230421-0417.1

1 year ago

0.0.0-nightly-20230420-0418.1

1 year ago

0.0.0-nightly-20230419-0423.1

1 year ago

0.0.0-nightly-20230418-0418.1

1 year ago

1 year ago

0.0.0-nightly-20230417-0419.1

1 year ago

0.0.0-nightly-20230414-0420.1

1 year ago

0.0.0-nightly-20230413-0419.1

1 year ago