Package io.kvision.core

KVision core classes. This includes base interfaces for all components, CSS enums (for colors, borders, backgrounds, fonts, text and position) and the main Widget class.

Types

AlignContent
Link copied to clipboard
js
enum AlignContent : Enum<AlignContent>
CSS flexbox/grid content alignment options.
AlignItems
Link copied to clipboard
js
enum AlignItems : Enum<AlignItems>
CSS flexbox/grid items alignments options.
AttributeDelegate
Link copied to clipboard
js
class AttributeDelegate(attributeName: String)
AttributeSetBuilder
Link copied to clipboard
js
interface AttributeSetBuilder
Background
Link copied to clipboard
js
class Background(color: Color?, image: ResString?, positionX: <ERROR CLASS><Number, UNIT>?, positionY: <ERROR CLASS><Number, UNIT>?, sizeX: <ERROR CLASS><Number, UNIT>?, sizeY: <ERROR CLASS><Number, UNIT>?, size: BgSize?, repeat: BgRepeat?, origin: BgOrigin?, clip: BgClip?, attachment: BgAttach?)
Type-safe definition of CSS background.
BgAttach
Link copied to clipboard
js
enum BgAttach : Enum<BgAttach>
Definitions of CSS background attachment options.
BgClip
Link copied to clipboard
js
enum BgClip : Enum<BgClip>
Definitions of CSS background clipping options.
BgOrigin
Link copied to clipboard
js
enum BgOrigin : Enum<BgOrigin>
Definitions of CSS background origin options.
BgRepeat
Link copied to clipboard
js
enum BgRepeat : Enum<BgRepeat>
Definitions of CSS background repeat options.
BgSize
Link copied to clipboard
js
enum BgSize : Enum<BgSize>
Definitions of CSS background size.
Border
Link copied to clipboard
js
class Border(width: <ERROR CLASS><Number, UNIT>?, style: BorderStyle?, color: Color?)
Type-safe definition of CSS border.
BorderStyle
Link copied to clipboard
js
enum BorderStyle : Enum<BorderStyle>
Definitions of CSS border styles.
BoxShadow
Link copied to clipboard
js
class BoxShadow(hOffset: <ERROR CLASS><Number, UNIT>?, vOffset: <ERROR CLASS><Number, UNIT>?, blurRadius: <ERROR CLASS><Number, UNIT>?, spreadRadius: <ERROR CLASS><Number, UNIT>?, color: Color?, inset: Boolean)
Type-safe definition of CSS box shadow.
BsBgColor
Link copied to clipboard
js
enum BsBgColor : Enum<BsBgColor> , CssClass
BsBorder
Link copied to clipboard
js
enum BsBorder : Enum<BsBorder>
BsColor
Link copied to clipboard
js
enum BsColor : Enum<BsColor>
BsRounded
Link copied to clipboard
js
enum BsRounded : Enum<BsRounded>
ClassSetBuilder
Link copied to clipboard
js
interface ClassSetBuilder
A builder in order to create a set of CSS-classes
Clear
Link copied to clipboard
js
enum Clear : Enum<Clear>
Definitions of CSS clear options.
Col
Link copied to clipboard
js
enum Col : Enum<Col>
Definitions of CSS color names.
Color
Link copied to clipboard
js
class Color(color: String?)
Type-safe definition of CSS color.
Component
Link copied to clipboard
js
interface Component
Base interface for all components.
Container
Link copied to clipboard
js
interface Container : Component
Base interface for all containers.
CssClass
Link copied to clipboard
js
interface CssClass
CssSize
Link copied to clipboard
js
typealias CssSize = <ERROR CLASS><Number, UNIT>

This type is used for defining CSS dimensions (width, heights, margins, paddings, etc.).

Cursor
Link copied to clipboard
js
enum Cursor : Enum<Cursor>
Direction
Link copied to clipboard
js
enum Direction : Enum<Direction>
Definitions of CSS text direction options.
Display
Link copied to clipboard
js
enum Display : Enum<Display>
Definitions of CSS display options.
DomAttribute
Link copied to clipboard
js
interface DomAttribute
Easing
Link copied to clipboard
js
enum Easing : Enum<Easing>
FlexDirection
Link copied to clipboard
js
enum FlexDirection : Enum<FlexDirection>
CSS flexbox directions.
FlexWrap
Link copied to clipboard
js
enum FlexWrap : Enum<FlexWrap>
CSS flexbox wrap modes.
FontStyle
Link copied to clipboard
js
enum FontStyle : Enum<FontStyle>
Definitions of CSS font style options.
FontVariant
Link copied to clipboard
js
enum FontVariant : Enum<FontVariant>
Definitions of CSS font variant options.
FontWeight
Link copied to clipboard
js
enum FontWeight : Enum<FontWeight>
Definitions of CSS font weight options.
GridAutoFlow
Link copied to clipboard
js
enum GridAutoFlow : Enum<GridAutoFlow>
CSS grid flow options.
JustifyContent
Link copied to clipboard
js
enum JustifyContent : Enum<JustifyContent>
CSS flexbox/grid content justification options.
JustifyItems
Link copied to clipboard
js
enum JustifyItems : Enum<JustifyItems>
CSS grid items justification options.
LazyCache
Link copied to clipboard
js
class LazyCache<T : Any>(initializer: () -> T) : SingleObjectCache<T>
A cache that behaves like a resettable Lazy: It generates a value from a given initializer lazily, however that cache can be cleared, so that the value will be regenerated when queried next
LineBreak
Link copied to clipboard
js
enum LineBreak : Enum<LineBreak>
Definitions of CSS line-break options.
Outline
Link copied to clipboard
js
class Outline(width: <ERROR CLASS><Number, UNIT>?, style: OutlineStyle?, color: Color?)
Type-safe definition of CSS outline.
OutlineStyle
Link copied to clipboard
js
enum OutlineStyle : Enum<OutlineStyle>
Definitions of CSS outline styles.
Overflow
Link copied to clipboard
js
enum Overflow : Enum<Overflow>
Definitions of CSS overflow options.
OverflowWrap
Link copied to clipboard
js
enum OverflowWrap : Enum<OverflowWrap>
Definitions of CSS overflow-wrap options.
PClass
Link copied to clipboard
js
enum PClass : Enum<PClass>
CSS pseudo classes.
PElement
Link copied to clipboard
js
enum PElement : Enum<PElement>
CSS pseudo elements.
Placement
Link copied to clipboard
js
enum Placement : Enum<Placement>
Tooltip / Popover placements.
PopoverOptions
Link copied to clipboard
js
data class PopoverOptions(content: String?, title: String?, rich: Boolean?, animation: Boolean?, delay: Int?, hideDelay: Int?, placement: Placement?, triggers: List<Trigger>?, sanitize: Boolean?)
Popover options.
PosFloat
Link copied to clipboard
js
enum PosFloat : Enum<PosFloat>
Definitions of CSS float options.
Position
Link copied to clipboard
js
enum Position : Enum<Position>
Definitions of CSS position options.
Resize
Link copied to clipboard
js
enum Resize : Enum<Resize>
Definitions of CSS resize options.
ResString
Link copied to clipboard
js
typealias ResString = String

This type is used for accessing resources with CommonJS require function.

e.g. require("./img/picture.png")

SingleObjectCache
Link copied to clipboard
js
interface SingleObjectCache<T : Any>
StringBoolPair
Link copied to clipboard
js
typealias StringBoolPair = <ERROR CLASS><String, Boolean>

Helper type used to define CSS classes.

StringPair
Link copied to clipboard
js
typealias StringPair = <ERROR CLASS><String, String>

Helper type used to define CSS style attributes.

Style
Link copied to clipboard
js
open class Style(className: String?, pClass: PClass?, pElement: PElement?, parentStyle: Style?, mediaQuery: String?, init: Style.() -> Unit?) : StyledComponent
CSS style object.
StyledComponent
Link copied to clipboard
js
abstract class StyledComponent
Base class for components supporting CSS styling.
TextAlign
Link copied to clipboard
js
enum TextAlign : Enum<TextAlign>
Definitions of CSS text align options.
TextDecoration
Link copied to clipboard
js
class TextDecoration(line: TextDecorationLine?, style: TextDecorationStyle?, color: Color?)
Type-safe definition of CSS text decoration.
TextDecorationLine
Link copied to clipboard
js
enum TextDecorationLine : Enum<TextDecorationLine>
Definitions of CSS text decoration line options.
TextDecorationStyle
Link copied to clipboard
js
enum TextDecorationStyle : Enum<TextDecorationStyle>
Definitions of CSS text decoration style options.
TextOverflow
Link copied to clipboard
js
enum TextOverflow : Enum<TextOverflow>
Definitions of CSS text overflow options.
TextShadow
Link copied to clipboard
js
class TextShadow(hShadow: <ERROR CLASS><Number, UNIT>?, vShadow: <ERROR CLASS><Number, UNIT>?, blurRadius: <ERROR CLASS><Number, UNIT>?, color: Color?)
Type-safe definition of CSS text shadow.
TextTransform
Link copied to clipboard
js
enum TextTransform : Enum<TextTransform>
Definitions of CSS text transform options.
TooltipOptions
Link copied to clipboard
js
data class TooltipOptions(title: String?, rich: Boolean?, animation: Boolean?, delay: Int?, hideDelay: Int?, placement: Placement?, triggers: List<Trigger>?, sanitize: Boolean?)
Tooltip options.
Transition
Link copied to clipboard
js
class Transition(property: String, duration: Double, timingFunction: String?, delay: Double?)
Type-safe definition of CSS transition.
Trigger
Link copied to clipboard
js
enum Trigger : Enum<Trigger>
Tooltip / Popover triggers.
UnicodeBidi
Link copied to clipboard
js
enum UnicodeBidi : Enum<UnicodeBidi>
Definitions of CSS unicode-bidi options.
UNIT
Link copied to clipboard
js
enum UNIT : Enum<UNIT>
Definitions of CSS units.
VerticalAlign
Link copied to clipboard
js
enum VerticalAlign : Enum<VerticalAlign>
Definitions of CSS vertical align options.
WhiteSpace
Link copied to clipboard
js
enum WhiteSpace : Enum<WhiteSpace>
Definitions of CSS white space options.
Widget
Link copied to clipboard
js
open class Widget(intClasses: Set<String>?, init: Widget.() -> Unit?) : StyledComponent, Component
Base widget class.
WidgetWrapper
Link copied to clipboard
js
class WidgetWrapper(wrapped: Component?, classes: Set<String>) : SimplePanel
This class allows to wrap a component into separately styled DIV element.
WordBreak
Link copied to clipboard
js
enum WordBreak : Enum<WordBreak>
Definitions of CSS word-break options.

Functions

addBsBgColor
Link copied to clipboard
js
fun Component.addBsBgColor(bsBgColor: BsBgColor)
addBsBorder
Link copied to clipboard
js
fun Component.addBsBorder(vararg bsBorder: BsBorder)
addBsClearfix
Link copied to clipboard
js
fun Component.addBsClearfix()
addBsColor
Link copied to clipboard
js
fun Component.addBsColor(bsColor: BsColor)
addBsRounded
Link copied to clipboard
js
fun Component.addBsRounded(vararg bsRounded: BsRounded)
buildAttributeSet
Link copied to clipboard
js
fun buildAttributeSet(delegate: (builder: AttributeSetBuilder) -> Unit): <ERROR CLASS>
buildClassSet
Link copied to clipboard
js
fun buildClassSet(delegate: (builder: ClassSetBuilder) -> Unit): <ERROR CLASS>
onChangeLaunch
Link copied to clipboard
js
inline fun <T : Widget> T.onChangeLaunch(noinline handler: suspend T.(<ERROR CLASS>) -> Unit): Int
An extension function for defining on change suspending event handlers.
onClick
Link copied to clipboard
js
inline fun <T : Widget> T.onClick(noinline handler: T.(<ERROR CLASS>) -> Unit): Int
An extension function for defining on click event handlers.
onClickLaunch
Link copied to clipboard
js
inline fun <T : Widget> T.onClickLaunch(noinline handler: suspend T.(<ERROR CLASS>) -> Unit): Int
An extension function for defining on click suspending event handlers.
onEvent
Link copied to clipboard
js
inline fun <T : Widget> T.onEvent(noinline block: SnOn<T>.() -> Unit): Int
An extension function for defining event handlers.
onEventLaunch
Link copied to clipboard
js
inline fun <T : Widget> T.onEventLaunch(event: String, noinline handler: suspend T.(<ERROR CLASS>) -> Unit): Int
An extension function for defining on change suspending event handlers.
onInputLaunch
Link copied to clipboard
js
inline fun <T : Widget> T.onInputLaunch(noinline handler: suspend T.(<ERROR CLASS>) -> Unit): Int
An extension function for defining on change suspending event handlers.
removeBsBgColor
Link copied to clipboard
js
fun Component.removeBsBgColor(bsBgColor: BsBgColor)
removeBsBorder
Link copied to clipboard
js
fun Component.removeBsBorder(vararg bsBorder: BsBorder)
removeBsClearfix
Link copied to clipboard
js
fun Component.removeBsClearfix()
removeBsColor
Link copied to clipboard
js
fun Component.removeBsColor(bsColor: BsColor)
removeBsRounded
Link copied to clipboard
js
fun Component.removeBsRounded(vararg bsRounded: BsRounded)
style
Link copied to clipboard
js
fun style(className: String? = null, pClass: PClass? = null, pElement: PElement? = null, mediaQuery: String? = null, init: Style.() -> Unit? = null): Style
DSL builder extension function.
fun Style.style(className: String? = null, pClass: PClass? = null, pElement: PElement? = null, mediaQuery: String? = null, init: Style.() -> Unit? = null): Style
DSL builder extension function for cascading styles.
fun Widget.style(className: String? = null, pClass: PClass? = null, pElement: PElement? = null, mediaQuery: String? = null, init: Style.() -> Unit? = null): Style
DSL builder extension function.
toJs
Link copied to clipboard
js
fun PopoverOptions.toJs(): dynamic
Convert PopoverOptions to JavaScript JSON object.
fun TooltipOptions.toJs(): dynamic
Convert TooltipOptions to JavaScript JSON object.
widget
Link copied to clipboard
js
fun Container.widget(classes: Set<String>? = null, className: String? = null, init: Widget.() -> Unit? = null): Widget
DSL builder extension function.
fun <S> Container.widget(state: ObservableState<S>, classes: Set<String>? = null, className: String? = null, init: Widget.(S) -> Unit): Widget
DSL builder extension function for observable state.

Properties

KVScope
Link copied to clipboard
js
val KVScope: <ERROR CLASS>