Package dev.fritz2.styling.theme

Types

AlertSeverities
Link copied to clipboard
interface AlertSeverities
AlertSeverity
Link copied to clipboard
interface AlertSeverity
AlertStacking
Link copied to clipboard
interface AlertStacking
AlertStyles
Link copied to clipboard
interface AlertStyles : FormSizesAware
definition of the theme's alerts
AlertVariants
Link copied to clipboard
interface AlertVariants
AppFrameStyles
Link copied to clipboard
interface AppFrameStyles
definition of the theme's appFrame
CardSizes
Link copied to clipboard
interface CardSizes
CardStyles
Link copied to clipboard
interface CardStyles
CheckboxStyles
Link copied to clipboard
interface CheckboxStyles : SeverityAware, FormSizesAware
definition of the theme's checkbox
Colors
Link copied to clipboard
interface Colors
Defines the scheme colors in a theme
ColorScheme
Link copied to clipboard
open class ColorScheme(main: ColorProperty, mainContrast: ColorProperty, highlight: ColorProperty, highlightContrast: ColorProperty)
Defines three colors for a color scheme.
DataTableStyles
Link copied to clipboard
interface DataTableStyles
DefaultTheme
Link copied to clipboard
open class DefaultTheme : Theme
defines the default values and scales for fritz2
DropdownAlignments
Link copied to clipboard
interface DropdownAlignments
DropdownPlacements
Link copied to clipboard
interface DropdownPlacements
DropdownStyles
Link copied to clipboard
interface DropdownStyles
definition of the theme's dropdown
FontFamilies
Link copied to clipboard
interface FontFamilies
Defines the fonts-family in a theme
FormControlStyles
Link copied to clipboard
interface FormControlStyles
definition of the theme's formControl
FormGroupLabelStyles
Link copied to clipboard
interface FormGroupLabelStyles
definition of the theme's formGroup
FormGroupStyles
Link copied to clipboard
interface FormGroupStyles
FormSizesAware
Link copied to clipboard
interface FormSizesAware
FormSizesStyles
Link copied to clipboard
interface FormSizesStyles
IconDefinition
Link copied to clipboard
class IconDefinition(displayName: String, viewBox: String, svg: String)
Defines a specific icon
Icons
Link copied to clipboard
interface Icons
Definition of standard-icons
InputFieldStyles
Link copied to clipboard
interface InputFieldStyles : SeverityAware, FormSizesAware
definition of the theme's inputField
InputFieldVariants
Link copied to clipboard
interface InputFieldVariants
MenuStyles
Link copied to clipboard
interface MenuStyles
definition of the theme's menu
ModalSizes
Link copied to clipboard
interface ModalSizes
ModalStyles
Link copied to clipboard
interface ModalStyles
definition of the theme's modal
ModalVariants
Link copied to clipboard
interface ModalVariants
ModalWidths
Link copied to clipboard
interface ModalWidths
NavBarStyles
Link copied to clipboard
interface NavBarStyles
definition of the theme's navbar
PaperSizes
Link copied to clipboard
interface PaperSizes
PaperStyles
Link copied to clipboard
interface PaperStyles
PaperTypes
Link copied to clipboard
interface PaperTypes
PopoverArrowPlacements
Link copied to clipboard
interface PopoverArrowPlacements
PopoverPlacements
Link copied to clipboard
interface PopoverPlacements
PopoverSizes
Link copied to clipboard
interface PopoverSizes
PopoverStyles
Link copied to clipboard
interface PopoverStyles
definition of the theme's popover
PopupStyles
Link copied to clipboard
interface PopupStyles
Property
Link copied to clipboard
typealias Property = String

alias for property values

PushButtonStyles
Link copied to clipboard
interface PushButtonStyles : FormSizesAware
definition of the theme's pushButton
PushButtonTypes
Link copied to clipboard
interface PushButtonTypes
PushButtonVariants
Link copied to clipboard
interface PushButtonVariants
RadioStyles
Link copied to clipboard
interface RadioStyles : SeverityAware, FormSizesAware
definition of the theme's radioButton
ResponsiveValue
Link copied to clipboard
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
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
interface SelectFieldStyles : SeverityAware, FormSizesAware
definition of the theme's selectField styles
SelectFieldVariants
Link copied to clipboard
interface SelectFieldVariants
definition of the theme's selectField variants
SeverityAware
Link copied to clipboard
interface SeverityAware
SeverityStyles
Link copied to clipboard
interface SeverityStyles
general component's theme abstractions
Shadows
Link copied to clipboard
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
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.
SliderCoreStyles
Link copied to clipboard
interface SliderCoreStyles
SliderStyles
Link copied to clipboard
interface SliderStyles : SeverityAware, FormSizesAware
SwitchStyles
Link copied to clipboard
interface SwitchStyles : SeverityAware, FormSizesAware
definition of the theme's switch
TextAreaResize
Link copied to clipboard
interface TextAreaResize
definition of the theme's textArea resizes
TextAreaStyles
Link copied to clipboard
interface TextAreaStyles : SeverityAware, FormSizesAware
definition of the theme's textArea styles
TextAreaVariants
Link copied to clipboard
interface TextAreaVariants
Theme
Link copied to clipboard
@ExperimentalCoroutinesApi()
interface Theme
Standard interface for themes in fritz2.
Thickness
Link copied to clipboard
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
interface ToastButton
ToastPlacement
Link copied to clipboard
interface ToastPlacement
ToastStatus
Link copied to clipboard
interface ToastStatus
ToastStyles
Link copied to clipboard
interface ToastStyles
definition of the theme's toasts
TooltipPlacements
Link copied to clipboard
interface TooltipPlacements
TooltipStyles
Link copied to clipboard
interface TooltipStyles
definition of the theme's tooltip
WeightedValue
Link copied to clipboard
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
class ZIndices(tableHeader: Int, tooltip: Int, popup: Int, dropdown: Int, popover: Int, appFrame: Int, navbar: Int, toast: Int, modal: Int)
Defines the scheme for zIndices of fritz2 components

Functions

core
Link copied to clipboard
fun SliderStyles.core(orientation: String): SliderCoreStyles
render
Link copied to clipboard
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
val Property.important: Property
adds important flag to resulting css