getting started

core concepts

configuration

life cycle

default styles

properties

Overview
@adjust
@animate
- delay
- direction
- duration
- enter
- exit
- fade
- flow
- loop
- mode
- name
- preset
- slide
- spin
- state
- zoom
@bg
@border
@filter
@flex
- base
- content
- flow
- grow
- items
- justify
- order
- place
- preset
- self
- shrink
- wrap
@form
@grid
- col
- cols
- content
- flow
- items
- justify
- order
- place
- preset
- row
- rows
- self
@layout
- blend
- box
- float
- hide
- is
- isolate
- layer
- object
- opacity
- overflow
- ratio
- shadow
- show
- theme
@list
- align
- marker
@live
@mask
@phase
@position
- is
- inset
- top
- bottom
- left
- right
- x
- y
@size
- h
- is
- max
- min
- w
@space
- gap
- m
- p
@svg
- fill
- stroke
@table
@text
- align
- break
- case
- color
- content
- family
- gap
- h
- line
- lines
- move
- nums
- overflow
- shadow
- size
- space
- style
- thick

mixins

components

values

best practices

changelog

alpha.0

Form Intent Overview

Form intent contains form controls related utilities.

Utilities available in @form intent are listed below.

Utility	Description	Documentation
`accent-*`	Set form control accent color.	accent
`resize-*`	Control textarea resize behavior.	resize
`skin-*`	Override native styles (appearance) of form control.	skin

Published at: Apr 20, 2026

Last updated at: Jun 15, 2026