StyledComponent

abstract class StyledComponent

Base class for components supporting CSS styling.

Inheritors

Constructors

Link copied to clipboard
constructor()

Properties

Link copied to clipboard

CSS flexbox/grid content alignment.

Link copied to clipboard

CSS flexbox/grid items alignment.

Link copied to clipboard

CSS flexbox items self-alignment.

Link copied to clipboard

Background of the current component.

Link copied to clipboard
open var border: Border?

Border of the current component.

Link copied to clipboard
open var borderBottom: Border?

Bottom border of the current component.

Link copied to clipboard
open var borderLeft: Border?

Left border of the current component.

Link copied to clipboard
open var borderRadius: <Error class: unknown class><Number, UNIT>?

CSS border radius.

Link copied to clipboard
open var borderRadiusList: List<<Error class: unknown class><Number, UNIT>>?

List of CSS border radius values.

Link copied to clipboard
open var borderRight: Border?

Right border of the current component.

Link copied to clipboard
open var borderTop: Border?

Top border of the current component.

Link copied to clipboard
open var bottom: <Error class: unknown class><Number, UNIT>?

Bottom edge of the current component.

Link copied to clipboard
open var boxShadow: BoxShadow?

Box shadow of the current component.

Link copied to clipboard

List of box shadows of the current component.

Link copied to clipboard
open var clear: Clear?

CSS clear float of the current component.

Link copied to clipboard
open var color: Color?

Text color for the current component.

Link copied to clipboard
open var colorHex: Int?

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

Link copied to clipboard
open var colorName: Col?

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

Link copied to clipboard
open var cursor: Cursor?

CSS cursor shape over the current component.

Link copied to clipboard
open var display: Display?

CSS display of the current component.

Link copied to clipboard
open var flexBasis: <Error class: unknown class><Number, UNIT>?

CSS flexbox item basis.

Link copied to clipboard

CSS flexbox direction.

Link copied to clipboard
open var flexGrow: Int?

CSS flexbox item grow.

Link copied to clipboard
open var flexShrink: Int?

CSS flexbox item shrink.

Link copied to clipboard
open var flexWrap: FlexWrap?

CSS flexbox wrap mode.

Link copied to clipboard
open var float: PosFloat?

CSS position float of the current component.

Link copied to clipboard
open var fontFamily: String?

CSS font family of the current component.

Link copied to clipboard
open var fontSize: <Error class: unknown class><Number, UNIT>?

CSS font size of the current component.

Link copied to clipboard
open var fontStyle: FontStyle?

CSS font style of the current component.

Link copied to clipboard

CSS font variant of the current component.

Link copied to clipboard

CSS font weight of the current component.

Link copied to clipboard
open var gridArea: String?

CSS grid area.

Link copied to clipboard

CSS grid auto columns.

Link copied to clipboard

CSS grid auto flow.

Link copied to clipboard
open var gridAutoRows: String?

CSS grid auto rows.

Link copied to clipboard

CSS grid column end.

Link copied to clipboard
open var gridColumnGap: Int?

CSS grid column gap.

Link copied to clipboard
open var gridColumnStart: Int?

CSS grid column start.

Link copied to clipboard
open var gridRowEnd: String?

CSS grid row end.

Link copied to clipboard
open var gridRowGap: Int?

CSS grid row gap.

Link copied to clipboard
open var gridRowStart: Int?

CSS grid row start.

Link copied to clipboard

CSS grid areas template.

Link copied to clipboard

CSS grid columns template.

Link copied to clipboard

CSS grid rows template.

Link copied to clipboard
open var height: <Error class: unknown class><Number, UNIT>?

Height of the current component.

Link copied to clipboard

CSS flexbox/grid content justification.

Link copied to clipboard

CSS grid items justification.

Link copied to clipboard

CSS grid items self-justification.

Link copied to clipboard
open var left: <Error class: unknown class><Number, UNIT>?

Left edge of the current component.

Link copied to clipboard
open var letterSpacing: <Error class: unknown class><Number, UNIT>?

CSS Text letter spacing of the current component.

Link copied to clipboard
open var lineBreak: LineBreak?

CSS line break of the current component.

Link copied to clipboard
open var lineHeight: <Error class: unknown class><Number, UNIT>?

CSS Text line height of the current component.

Link copied to clipboard
open var listStyle: ListStyle?

List style of the current component.

Link copied to clipboard
open var margin: <Error class: unknown class><Number, UNIT>?

Margin of the current component.

Link copied to clipboard
open var marginBottom: <Error class: unknown class><Number, UNIT>?

Bottom margin of the current component.

Link copied to clipboard
open var marginLeft: <Error class: unknown class><Number, UNIT>?

Left margin of the current component.

Link copied to clipboard
open var marginRight: <Error class: unknown class><Number, UNIT>?

Right margin of the current component.

Link copied to clipboard
open var marginTop: <Error class: unknown class><Number, UNIT>?

Top margin of the current component.

Link copied to clipboard
open var maxHeight: <Error class: unknown class><Number, UNIT>?

Maximal height of the current component.

Link copied to clipboard
open var maxWidth: <Error class: unknown class><Number, UNIT>?

Maximal width of the current component.

Link copied to clipboard
open var minHeight: <Error class: unknown class><Number, UNIT>?

Minimal height of the current component.

Link copied to clipboard
open var minWidth: <Error class: unknown class><Number, UNIT>?

Minimal width of the current component.

Link copied to clipboard
open var opacity: Double?

Opacity of the current component.

Link copied to clipboard
open var order: Int?

CSS flexbox item order.

Link copied to clipboard
open var outline: Outline?

Outline of the current component.

Link copied to clipboard
open var overflow: Overflow?

CSS overflow of the current component.

Link copied to clipboard

CSS overflow-wrap of the current component.

Link copied to clipboard
open var overflowX: Overflow?

CSS overflow-x of the current component.

Link copied to clipboard
open var overflowY: Overflow?

CSS overflow-y of the current component.

Link copied to clipboard
open var padding: <Error class: unknown class><Number, UNIT>?

Padding of the current component.

Link copied to clipboard
open var paddingBottom: <Error class: unknown class><Number, UNIT>?

Bottom padding of the current component.

Link copied to clipboard
open var paddingLeft: <Error class: unknown class><Number, UNIT>?

Left padding of the current component.

Link copied to clipboard
open var paddingRight: <Error class: unknown class><Number, UNIT>?

Right padding of the current component.

Link copied to clipboard
open var paddingTop: <Error class: unknown class><Number, UNIT>?

Top padding of the current component.

Link copied to clipboard
open var position: Position?

CSS position of the current component.

Link copied to clipboard
open var resize: Resize?

CSS resize of the current component.

Link copied to clipboard
open var right: <Error class: unknown class><Number, UNIT>?

Right edge of the current component.

Link copied to clipboard
open var textAlign: TextAlign?

CSS Text align of the current component.

Link copied to clipboard

CSS Text decoration of the current component.

Link copied to clipboard

CSS Text direction of the current component.

Link copied to clipboard
open var textIndent: <Error class: unknown class><Number, UNIT>?

CSS Text indent of the current component.

Link copied to clipboard

CSS Text overflow of the current component.

Link copied to clipboard

CSS Text shadow of the current component.

Link copied to clipboard

CSS Text transform of the current component.

Link copied to clipboard
open var top: <Error class: unknown class><Number, UNIT>?

Top edge of the current component.

Link copied to clipboard

CSS transition effect for the current component.

Link copied to clipboard

List of CSS transition effects for the current component.

Link copied to clipboard

CSS Text unicode-bidi of the current component.

Link copied to clipboard

CSS Text vertical align of the current component.

Link copied to clipboard

CSS Text white space of the current component.

Link copied to clipboard
open var width: <Error class: unknown class><Number, UNIT>?

Width of the current component.

Link copied to clipboard
open var wordBreak: WordBreak?

CSS word break of the current component.

Link copied to clipboard
open var wordSpacing: <Error class: unknown class><Number, UNIT>?

CSS Text word spacing of the current component.

Link copied to clipboard
open var zIndex: Int?

Z-index of the current component.

Functions

Link copied to clipboard
open fun getSnStyle(): dynamic

Returns CSS style attributes.

Link copied to clipboard
fun getStyle(name: String): String?

Returns the value of a custom CSS style.

Link copied to clipboard
fun removeStyle(name: String)

Removes the value of a custom CSS style.

Link copied to clipboard
fun setStyle(name: String, value: String)

Sets the value of a custom CSS style.