io.github.nafg.scalajs.facades.mui.base

View original docs online: https://mui.com/api/badge/

Demos:

• Badge

API:

• Badge API

View original docs online: https://mui.com/api/button/

The foundation for building custom-styled buttons.

Demos:

• Button

API:

• Button API

View original docs online: https://mui.com/api/class-name-configurator/

Allows to configure the components within to not apply any built-in classes.

View original docs online: https://mui.com/api/click-away-listener/

Listen for click events that occur somewhere in the document, outside of the element itself. For instance, if you need to hide a menu when people click anywhere else on your page.

Demos:

• Click-Away Listener

API:

• ClickAwayListener API

View original docs online: https://mui.com/api/dropdown/

Demos:

• Menu

API:

• Dropdown API

View original docs online: https://mui.com/api/focus-trap/

Utility component that locks focus inside the component.

Demos:

• Focus Trap

API:

• FocusTrap API

View original docs online: https://mui.com/api/form-control/

Provides context such as filled/focused/error/required for form inputs. Relying on the context provides high flexibility and ensures that the state always stays consistent across the children of the FormControl. This context is used by the following components:

• FormLabel
• FormHelperText
• Input
• InputLabel

You can find one composition example below and more going to the demos.

<FormControl>
 <InputLabel htmlFor="my-input">Email address</InputLabel>
 <Input id="my-input" aria-describedby="my-helper-text" />
 <FormHelperText id="my-helper-text">We'll never share your email.</FormHelperText>
</FormControl>

⚠️ Only one Input can be used within a FormControl because it create visual inconsistencies. For instance, only one input can be focused at the same time, the state shouldn't be shared.

Demos:

• Form Control
• Input
• Checkbox
• Radio Group
• Switch
• Text Field

API:

• FormControl API

View original docs online: https://mui.com/api/input/

Demos:

• Input

API:

• Input API

View original docs online: https://mui.com/api/menu/

Demos:

• Menu

API:

• Menu API

View original docs online: https://mui.com/api/menu-button/

Demos:

• Menu

API:

• MenuButton API

View original docs online: https://mui.com/api/menu-item/

An unstyled menu item to be used within a Menu.

Demos:

• Menu

API:

• MenuItem API

View original docs online: https://mui.com/api/menu-provider/

Sets up the contexts for the underlying MenuItem components.

View original docs online: https://mui.com/api/modal/

Modal is a lower-level construct that is leveraged by the following components:

• Dialog
• Drawer
• Menu
• Popover

If you are creating a modal dialog, you probably want to use the Dialog component rather than directly using Modal.

This component shares many concepts with react-overlays.

Demos:

• Modal

API:

• Modal API

View original docs online: https://mui.com/api/no-ssr/

NoSsr purposely removes components from the subject of Server Side Rendering (SSR).

This component can be useful in a variety of situations:

• Escape hatch for broken dependencies not supporting SSR.
• Improve the time-to-first paint on the client by only rendering above the fold.
• Reduce the rendering time on the server.
• Under too heavy server load, you can turn on service degradation.

Demos:

• No SSR

API:

• NoSsr API

View original docs online: https://mui.com/api/number-input/

Demos:

• Number Input

API:

• NumberInput API

View original docs online: https://mui.com/api/option/

An unstyled option to be used within a Select.

Demos:

• Select

API:

• Option API

View original docs online: https://mui.com/api/option-group/

An unstyled option group to be used within a Select.

Demos:

• Select

API:

• OptionGroup API

View original docs online: https://mui.com/api/popper/

Poppers rely on the 3rd party library Popper.js for positioning.

Demos:

• Popper

API:

• Popper API

View original docs online: https://mui.com/api/popup/

Demos:

• Popup

API:

• Popup API

View original docs online: https://mui.com/api/portal/

Portals provide a first-class way to render children into a DOM node that exists outside the DOM hierarchy of the parent component.

Demos:

• Portal

API:

• Portal API

View original docs online: https://mui.com/api/select/

The foundation for building custom-styled select components.

Demos:

• Select

API:

• Select API

View original docs online: https://mui.com/api/select-provider/

Sets up the contexts for the underlying Option components.

View original docs online: https://mui.com/api/slider/

Demos:

• Slider

API:

• Slider API

View original docs online: https://mui.com/api/snackbar/

Demos:

• Snackbar
• Snackbar
• Snackbar

API:

• Snackbar API

View original docs online: https://mui.com/api/switch/

The foundation for building custom-styled switches.

Demos:

• Switch

API:

• Switch API

View original docs online: https://mui.com/api/tab/

Demos:

• Tabs

API:

• Tab API

View original docs online: https://mui.com/api/tab-panel/

Demos:

• Tabs

API:

• TabPanel API

View original docs online: https://mui.com/api/table-pagination/

A pagination for tables.

Demos:

• Table Pagination

API:

• TablePagination API

View original docs online: https://mui.com/api/tabs/

Demos:

• Tabs

API:

• Tabs API

View original docs online: https://mui.com/api/tabs-list/

Demos:

• Tabs

API:

• TabsList API

View original docs online: https://mui.com/api/tabs-list-provider/

Sets up the contexts for the underlying Tab components.

View original docs online: https://mui.com/api/tabs-provider/

Sets up the contexts for the underlying Tab and TabPanel components.

View original docs online: https://mui.com/api/textarea-autosize/

Demos:

• Textarea Autosize
• Textarea Autosize

API:

• TextareaAutosize API