Package dev.fritz2.styling.theme

Types

AlertSeverities
Link copied to clipboard
js
interface AlertSeverities
AlertSeverity
Link copied to clipboard
js
interface AlertSeverity
AlertStacking
Link copied to clipboard
js
interface AlertStacking
AlertStyles
Link copied to clipboard
js
interface AlertStyles
definition of the theme's alerts
AlertVariants
Link copied to clipboard
js
interface AlertVariants
AppFrameStyles
Link copied to clipboard
js
interface AppFrameStyles
definition of the theme's appFrame
CheckboxStyles
Link copied to clipboard
js
interface CheckboxStyles : SeverityAware
definition of the theme's checkbox
Colors
Link copied to clipboard
js
interface Colors
Defines the scheme colors in a theme
ColorScheme
Link copied to clipboard
js
open class ColorScheme(main: ColorProperty, mainContrast: ColorProperty, highlight: ColorProperty, highlightContrast: ColorProperty)
Defines three colors for a color scheme.
DataTableStyles
Link copied to clipboard
js
interface DataTableStyles
DefaultTheme
Link copied to clipboard
js
open class DefaultTheme : Theme
defines the default values and scales for fritz2
FontFamilies
Link copied to clipboard
js
interface FontFamilies
Defines the fonts-family in a theme
FormControlStyles
Link copied to clipboard
js
interface FormControlStyles
definition of the theme's formControl
FormSizes
Link copied to clipboard
js
interface FormSizes
IconDefinition
Link copied to clipboard
js
class IconDefinition(displayName: String, viewBox: String, svg: String)
Defines a specific icon
Icons
Link copied to clipboard
js
interface Icons
Definition of standard-icons
InputFieldStyles
Link copied to clipboard
js
interface InputFieldStyles : SeverityAware
definition of the theme's inputField
InputFieldVariants
Link copied to clipboard
js
interface InputFieldVariants
ModalSizes
Link copied to clipboard
js
interface ModalSizes
ModalStyles
Link copied to clipboard
js
interface ModalStyles
definition of the theme's modal
ModalVariants
Link copied to clipboard
js
interface ModalVariants
PopoverArrowPlacements
Link copied to clipboard
js
interface PopoverArrowPlacements
PopoverPlacements
Link copied to clipboard
js
interface PopoverPlacements
PopoverSizes
Link copied to clipboard
js
interface PopoverSizes
PopoverStyles
Link copied to clipboard
js
interface PopoverStyles
definition of the theme's popover
Property
Link copied to clipboard
js
typealias Property = String

alias for property values

PushButtonStyles
Link copied to clipboard
js
interface PushButtonStyles
definition of the theme's pushButton
PushButtonTypes
Link copied to clipboard
js
interface PushButtonTypes
PushButtonVariants
Link copied to clipboard
js
interface PushButtonVariants
RadioStyles
Link copied to clipboard
js
interface RadioStyles : SeverityAware
definition of the theme's radioButton
ResponsiveValue
Link copied to clipboard
js
class ResponsiveValue(sm: Property, md: Property, lg: Property, xl: Property)
Defines a responsive Property that can have different values for different screen sizes.
ScaledValue
Link copied to clipboard
js
open class ScaledValue(normal: Property, small: Property, smaller: Property, tiny: Property, large: Property, larger: Property, huge: Property, giant: Property, none: Property, full: Property)
Defines a value that has different expressions for different scales.
SelectFieldStyles
Link copied to clipboard
js
interface SelectFieldStyles : SeverityAware
definition of the theme's selectField styles
SelectFieldVariants
Link copied to clipboard
js
interface SelectFieldVariants
definition of the theme's selectField variants
SeverityAware
Link copied to clipboard
js
interface SeverityAware
SeverityStyles
Link copied to clipboard
js
interface SeverityStyles
general component's theme abstractions
Shadows
Link copied to clipboard
js
class Shadows(flat: ShadowProperty, raised: ShadowProperty, raisedFurther: ShadowProperty, top: ShadowProperty, lowered: ShadowProperty, bottom: ShadowProperty, outline: ShadowProperty, glowing: ShadowProperty, danger: ShadowProperty, none: ShadowProperty)
Defines the scheme shadows in a theme
Sizes
Link copied to clipboard
js
class Sizes(normal: Property, small: Property, smaller: Property, tiny: Property, large: Property, larger: Property, huge: Property, giant: Property, full: Property, wide: ScaledValue) : ScaledValue
Defines a value that has different expressions for different sizes.
SwitchStyles
Link copied to clipboard
js
interface SwitchStyles : SeverityAware
definition of the theme's switch
TextAreaResize
Link copied to clipboard
js
interface TextAreaResize
definition of the theme's textArea resizes
TextAreaStyles
Link copied to clipboard
js
interface TextAreaStyles : SeverityAware
definition of the theme's textArea styles
TextAreaVariants
Link copied to clipboard
js
interface TextAreaVariants
Theme
Link copied to clipboard
js
@ExperimentalCoroutinesApi()
interface Theme
Standard interface for themes in fritz2.
Thickness
Link copied to clipboard
js
class Thickness(none: Property, normal: Property, thin: Property, fat: Property, hair: Property)
Defines a value that has different expressions for different thicknesses.
ToastButton
Link copied to clipboard
js
interface ToastButton
ToastPlacement
Link copied to clipboard
js
interface ToastPlacement
ToastStatus
Link copied to clipboard
js
interface ToastStatus
ToastStyles
Link copied to clipboard
js
interface ToastStyles
definition of the theme's toasts
TooltipPlacements
Link copied to clipboard
js
interface TooltipPlacements
TooltipStyles
Link copied to clipboard
js
interface TooltipStyles
definition of the theme's tooltip
WeightedValue
Link copied to clipboard
js
class WeightedValue(normal: Property, light: Property, lighter: Property, strong: Property, stronger: Property, none: Property, full: Property)
Defines a value that has different expressions for different weights.
ZIndices
Link copied to clipboard
js
class ZIndices(baseValue: Int, layer: Int, layerStep: Int, overlayValue: Int, toast: Int, toastStep: Int, modal: Int, modalStep: Int)
Defines the scheme for zIndices in fritz2

Functions

render
Link copied to clipboard
js
inline fun <T : Theme> render(theme: T, selector: String, override: Boolean = true, crossinline content: RenderContext.(T) -> Unit)
Creates a RenderContext for Tags and mounts it to a constant element in the static html file which id matches the selector.
inline fun <T : Theme> render(theme: T, targetElement: HTMLElement? = document.body, override: Boolean = true, crossinline content: RenderContext.(T) -> Unit)
Creates a render context for Tags and mounts it to an HTMLElement.

Properties

important
Link copied to clipboard
js
val Property.important: Property
adds important flag to resulting css