Type alias ShorthandProps

Type declaration

• Optional align?: ViewAlign

  please see typedoc for align classes

• Optional alignContent?: FlexAlign

  CSS align-content

• Optional alignItems?: FlexAlign

  CSS align-items

• Optional alignSelf?: FlexAlign

  CSS flex alignment

• Optional basis?: string

  CSS flex-basis

• Optional bg?: string

  CSS hex color value

• Optional bgToken?: string

  CSS color token without the "--f-color-" prefix

• Optional blur?: string | number

  CSS blur

• Optional border?: string | number

  CSS border

• Optional color?: string

  CSS hex color value

• Optional colorToken?: string

  CSS color token without the "--f-color-" prefix

• Optional column?: boolean

  add .f-col CSS class

• Optional display?: "block" | "inline" | "inline-block" | "flex" | "grid" | "none"

  CSS display

• Optional flex?: number | string

  CSS flex

• Optional flexDirection?: "row " | "row-reverse" | "column" | "column-reverse"

  CSS flex-direction

• Optional flow?: string

  CSS flow layout

• Optional font?: string

  CSS font-family

• Optional fontSize?: string | number

  CSS font-size

• Optional fontWeight?: string | number

  CSS font-weight

• Optional gap?: number | string

  CSS flex gap

• Optional grow?: string | number

  CSS flex-grow

• Optional height?: string | number

  CSS height

• Optional justifyContent?: FlexAlign

  CSS justify-content

• Optional letterSpacing?: string | number

  CSS letter-spacing

• Optional lineHeight?: string | number

  CSS line-height

• Optional m?: string | number

  CSS margin

• Optional p?: string | number

  CSS padding

• Optional position?: "relative" | "absolute" | "fixed" | "sticky" | "static"

  CSS position

• Optional radius?: string | number

  CSS radius

• Optional row?: boolean

  add .f-row CSS class

• Optional shadow?: string | number

  CSS box-shadow

• Optional shrink?: string | number

  CSS flex-shrink

• Optional textAlign?: string

  CSS text-align

• Optional textDecoration?: "none" | "underline" | "overline" | "line-through" | "underline" | string

  CSS text-decoration

• Optional transition?: string | number

  CSS transition

• Optional width?: string | number

  CSS width

• Optional wrap?: "nowrap" | "wrap" | "wrap-reverse"

  CSS flex-wrap

• Optional zIndex?: string | number

  CSS z-index