::Site::::Page::

# Built-in Composites

# implicit

Experimental.

Used by JSX fragments.

data: {
  children: string | string[]
}

Default returns a label.

# button

Experimental.

data: {
  action: () => void
  style: 'submit' | 'cancel' | undefined
  children: any
}

Default returns button wrapped in label.

# textfield

Experimental.

data: {
  length?: number
} & ConstructorParameters<typeof TextBox>[0]

# colorpicker

Stable.

data: {
  $color: Ref<number>
}

Returns an axiomic color picker that sets the color of the given ref.

Note: the ref passed in becomes deferred.

# panel

Experimental.

data: {
  file?: PanelFile,
  children: View,
  size?: MaybeRef<Size>,
  presented?: (panel: Panel) => void,
  onKeyPress?: (key: string) => boolean,
  menuItems?: () => MenuItem[],
}

# panel-titlebar

Experimental.

data: {
  title: MaybeRef<string>
  menuItems?: () => MenuItem[]
}

# panel-body

Experimental.

data: {
  children: View
  panelFocused: Ref<boolean>
}

preferences['panel-body-gap']: number
preferences['panel-body-gap-color']: number
preferences['panel-body-gap-color-focused']: number | undefined
preferences['panel-body-gap-color-unfocused']: number | undefined

# panel-resizer

Experimental.

data: {
  panelFocused: Ref<boolean>
}