kvision / pl.treksoft.kvision.core / StyledComponent

StyledComponent

(js) abstract class StyledComponent

Base class for components supporting CSS styling.

Constructors

(js)

<init>

Base class for components supporting CSS styling.

StyledComponent()

Properties

(js)

background

Background of the current component.

open var background: Background?
(js)

border

Border of the current component.

open var border: Border?
(js)

borderBottom

Bottom border of the current component.

open var borderBottom: Border?
(js)

borderLeft

Left border of the current component.

open var borderLeft: Border?
(js)

borderRight

Right border of the current component.

open var borderRight: Border?
(js)

borderTop

Top border of the current component.

open var borderTop: Border?
(js)

bottom

Bottom edge of the current component.

open var bottom: CssSize?
(js)

clear

CSS clear float of the current component.

open var clear: Clear?
(js)

color

Text color for the current component.

open var color: Color?
(js)

colorHex

Text color for the current component given in hex format (write only).

open var colorHex: Int?
(js)

colorName

Text color for the current component given with named constant (write only).

open var colorName: Col?
(js)

cursor

CSS cursor shape over the current component.

open var cursor: Cursor?
(js)

display

CSS display of the current component.

open var display: Display?
(js)

float

CSS position float of the current component.

open var float: PosFloat?
(js)

fontFamily

CSS font family of the current component.

open var fontFamily: String?
(js)

fontSize

CSS font size of the current component.

open var fontSize: CssSize?
(js)

fontStyle

CSS font style of the current component.

open var fontStyle: FontStyle?
(js)

fontVariant

CSS font variant of the current component.

open var fontVariant: FontVariant?
(js)

fontWeight

CSS font weight of the current component.

open var fontWeight: FontWeight?
(js)

height

Height of the current component.

open var height: CssSize?
(js)

left

Left edge of the current component.

open var left: CssSize?
(js)

letterSpacing

CSS Text letter spacing of the current component.

open var letterSpacing: CssSize?
(js)

lineBreak

CSS line break of the current component.

open var lineBreak: LineBreak?
(js)

lineHeight

CSS Text line height of the current component.

open var lineHeight: CssSize?
(js)

margin

Margin of the current component.

open var margin: CssSize?
(js)

marginBottom

Bottom margin of the current component.

open var marginBottom: CssSize?
(js)

marginLeft

Left margin of the current component.

open var marginLeft: CssSize?
(js)

marginRight

Right margin of the current component.

open var marginRight: CssSize?
(js)

marginTop

Top margin of the current component.

open var marginTop: CssSize?
(js)

maxHeight

Maximal height of the current component.

open var maxHeight: CssSize?
(js)

maxWidth

Maximal width of the current component.

open var maxWidth: CssSize?
(js)

minHeight

Minimal height of the current component.

open var minHeight: CssSize?
(js)

minWidth

Minimal width of the current component.

open var minWidth: CssSize?
(js)

opacity

Opacity of the current component.

open var opacity: Double?
(js)

overflow

CSS overflow of the current component.

open var overflow: Overflow?
(js)

overflowWrap

CSS overflow-wrap of the current component.

open var overflowWrap: OverflowWrap?
(js)

padding

Padding of the current component.

open var padding: CssSize?
(js)

paddingBottom

Bottom padding of the current component.

open var paddingBottom: CssSize?
(js)

paddingLeft

Left padding of the current component.

open var paddingLeft: CssSize?
(js)

paddingRight

Right padding of the current component.

open var paddingRight: CssSize?
(js)

paddingTop

Top padding of the current component.

open var paddingTop: CssSize?
(js)

position

CSS position of the current component.

open var position: Position?
(js)

resize

CSS resize of the current component.

open var resize: Resize?
(js)

right

Right edge of the current component.

open var right: CssSize?
(js)

textAlign

CSS Text align of the current component.

open var textAlign: TextAlign?
(js)

textDecoration

CSS Text decoration of the current component.

open var textDecoration: TextDecoration?
(js)

textDirection

CSS Text direction of the current component.

open var textDirection: Direction?
(js)

textIndent

CSS Text indent of the current component.

open var textIndent: CssSize?
(js)

textOverflow

CSS Text overflow of the current component.

open var textOverflow: TextOverflow?
(js)

textShadow

CSS Text shadow of the current component.

open var textShadow: TextShadow?
(js)

textTransform

CSS Text transform of the current component.

open var textTransform: TextTransform?
(js)

top

Top edge of the current component.

open var top: CssSize?
(js)

unicodeBidi

CSS Text unicode-bidi of the current component.

open var unicodeBidi: UnicodeBidi?
(js)

verticalAlign

CSS Text vertical align of the current component.

open var verticalAlign: VerticalAlign?
(js)

whiteSpace

CSS Text white space of the current component.

open var whiteSpace: WhiteSpace?
(js)

width

Width of the current component.

open var width: CssSize?
(js)

wordBreak

CSS word break of the current component.

open var wordBreak: WordBreak?
(js)

wordSpacing

CSS Text word spacing of the current component.

open var wordSpacing: CssSize?
(js)

zIndex

Z-index of the current component.

open var zIndex: Int?

Functions

(js)

getCacheKey

open fun getCacheKey(): String
(js)

getSnStyle

Returns the list of String pairs defining CSS style attributes and their values.

open fun getSnStyle(): List<StringPair>
(js)

getStyle

Returns the value of a custom CSS style.

fun getStyle(name: String): String?
(js)

removeStyle

Removes the value of a custom CSS style.

fun removeStyle(name: String): StyledComponent
(js)

setStyle

Sets the value of a custom CSS style.

fun setStyle(name: String, value: String): StyledComponent

Inheritors

(js)

Style

CSS style object.

open class Style : StyledComponent
(js)

Widget

Base widget class. The parent of all component classes.

open class Widget : StyledComponent, Component