Package dev.fritz2.components

This class combines the configuration and rendering of a dropdown.

This class combines the configuration and rendering a popover that floats around a toggle element. The toggle can be any HTMLElement or a fritz2 component. The popover can be containing a header, a content and a footer. All "areas" are optional and it can contain a simple String, a Flow or a RenderContext as well as a fritz2 component. The placement of the popover is configurable.

Creates an alert and renders it right away.

This factory method creates a toast with an alert as it's content that will be shown when the returned handler is triggered, eg. on a button press (similar to toast). The same configuration options as in showAlertToast are provided.

This component implements a standard responsive layout for web-apps.

Convenience extension to display a ComponentValidationMessage as an alert.

Convenience extension function to display a ComponentValidationMessage as an alert.

This component represents the simplest layout component possible: A simple `div` that acts as a container for arbitrary content.

This factory function creates a CardComponent.

This component generates a single checkbox. So this component supports the use case to select or deselect an option. If an application has a strong focus on mobile, consider a switch instead!

This component generates a group of checkboxes. So this component should be used if a user should be able to choose multiple values from a list of options.

This component generates a simple button.

This component factory generates a data table.

Creates a dropdown component.

This factory generates a single file selection context.

This factory generates a multiple file selection context.

This component represents a layout component with flex property. That is the `display` property is set to `flex`. Besides that is totally resembles the div component

This component wraps input elements like inputField, selectField, checkbox, checkboxGroup, radioGroup. It enriches those controls with a describing text or label, an optional helper message and also an optional error message. On top it marks a control as required if that should be exposed.

This component is meant to act a a grouping component for formControls.

This component represents a layout component with grid property. That is the `display` property is set to `grid`. Besides that is totally resembles the div component

This component enables to render an icon. It basically wraps raw SVG images into a nicer API.

This component generates a text based input field.

This layout component enables the horizontal stacking of child components.

This component generates a simple link button.

This component creates a menu.

This component provides some modal dialog or messagebox. Basically it just offers a `div` that is rendered on a higher z-index than the rest of the application. It uses the reserved segments provided by the dev.fritz2.styling.theme.ZIndices.modal function that are initialized by dev.fritz2.styling.theme.Theme.zIndices. That way the top modal will always have the highest `z-index` and therefore be on top of the screen.

This factory function creates a PaperComponent.

Creates a popover component.

This component creates a popup.

This component generates a simple button.

This component generates a single radio. So this component supports the use case to select or deselect an option. In general prefer a checkbox for this use case. If an application has a strong focus on mobile, consider a switch instead!

This component generates a group of radio buttons. So this supports the use case to choose one item from a list of options. If there is not much vertical or horizontal space consider a selectField as alternative. If there are lots of option, consider using a typeAhead instead.

This function generates a selectField element. So this supports the use case to choose one item from a list of options. If there is enough vertical or horizontal space consider a radioGroup as alternative. If there are lots of option, consider using a typeAhead instead.

This factory method creates a toast with an alert as its content and displays it right away. Use alertToast in order to display a toast delayed, e.g. when a button is pressed.

This factory method creates a toast and displays it right away. Use toast in order to display a toast delayed, e.g. when a button is pressed.

This component generates a slider.

This component generates an animated spinner. The spinner is either pure CSS (just a rotating curved border segment) or icon based.

This layout component enables the vertical stacking of child components.

This component generates a switch. So this component supports the use case to select or deselect an option. As alternative there is also the checkbox.

This component generates a TextArea.

This factory method creates a toast that will be shown when the returned handler is triggered, eg. on a button press.

tooltip factory function that allow a terser creation for just static text as tooltip's content.

This factory function creates a Tooltip.

The typeAhead factory function creates a TypeAheadComponent.