Package dev.fritz2.styling.theme

Types

CheckboxSizes
Link copied to clipboard
js
interface CheckboxSizes
CheckboxStyles
Link copied to clipboard
js
interface CheckboxStyles
Colors
Link copied to clipboard
js
interface Colors
Defines the scheme colors in a theme
DefaultTheme
Link copied to clipboard
js
open class DefaultTheme : Theme
defines the default values and scales for fritz2
Fonts
Link copied to clipboard
js
interface Fonts
Defines the scheme fonts in a theme
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
InputFieldSizes
Link copied to clipboard
js
interface InputFieldSizes
InputFieldStyles
Link copied to clipboard
js
interface InputFieldStyles
InputFieldVariants
Link copied to clipboard
js
interface InputFieldVariants
ModalSizes
Link copied to clipboard
js
interface ModalSizes
ModalStyles
Link copied to clipboard
js
interface ModalStyles
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

PushButtonSizes
Link copied to clipboard
js
interface PushButtonSizes
PushButtonStyles
Link copied to clipboard
js
interface PushButtonStyles
PushButtonVariants
Link copied to clipboard
js
interface PushButtonVariants
RadioSizes
Link copied to clipboard
js
interface RadioSizes
RadioStyles
Link copied to clipboard
js
interface RadioStyles
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.
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.
SwitchSizes
Link copied to clipboard
js
interface SwitchSizes
SwitchStyles
Link copied to clipboard
js
interface SwitchStyles
TextAreaResize
Link copied to clipboard
js
interface TextAreaResize
TextAreaSize
Link copied to clipboard
js
interface TextAreaSize
TextAreaStyles
Link copied to clipboard
js
interface TextAreaStyles
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.
Tooltip
Link copied to clipboard
js
interface Tooltip
definition of the theme's Popover
TooltipPlacements
Link copied to clipboard
js
interface TooltipPlacements
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
@ExperimentalCoroutinesApi()
inline fun <T : Theme> render(crossinline content: RenderContext.(T) -> Unit): List<Tag<HTMLElement>>
convenience function to create a render-context that provides a specialized theme correctly typed
@ExperimentalCoroutinesApi()
inline fun <T : Theme> render(theme: T, crossinline content: RenderContext.(T) -> Unit): List<Tag<HTMLElement>>
renderElement
Link copied to clipboard
js
inline fun <E : Element, T : Theme> renderElement(crossinline content: RenderContext.(T) -> Tag<E>): Tag<E>