sigl-ui

UI elements and components for sigl

npm i sigl-ui

pnpm add sigl-ui

yarn add sigl-ui

Examples

# web

# view source

example/web.tsx

/** @jsxImportSource sigl */
import $ from 'sigl'

import { ToggleElement } from 'sigl-ui/toggle'

const Toggle = $.element(ToggleElement)

$.render(
  <>
    <Toggle />
    <Toggle value={true} />
  </>,
  document.body
)

API

# NumberInputElement

src/number-input.tsx#L7

# constructor()

# new NumberInputElement()

NumberInputElement

# max  =  100

src/number-input.tsx#L10

number

# min  =  0

src/number-input.tsx#L9

number

# onmounted

EventHandler<NumberInputElement, CustomEvent<any>>

# onunmounted

EventHandler<NumberInputElement, CustomEvent<any>>

# step  =  0.1

src/number-input.tsx#L11

number

# value  =  0

src/number-input.tsx#L8

number

# mounted($)

src/number-input.tsx#L13

# $

Context<NumberInputElement & JsxContext<NumberInputElement> & Omit<{

# ctor

Class<T>

<T>(ctor)  =>

CleanClass<T>
# ctx

T | Class<T>

<T>(ctx)  =>

Wrapper<T>
} & __module & {}, "transition">>

mounted($)  =>

void

# ToggleElement

src/toggle.tsx#L7

# constructor()

# new ToggleElement()

ToggleElement

# onmounted

EventHandler<ToggleElement, CustomEvent<any>>

# onunmounted

EventHandler<ToggleElement, CustomEvent<any>>

# value  =  false

src/toggle.tsx#L8

boolean

# mounted($)

src/toggle.tsx#L10

# $

Context<ToggleElement & JsxContext<ToggleElement> & Omit<{

# ctor

Class<T>

<T>(ctor)  =>

CleanClass<T>
# ctx

T | Class<T>

<T>(ctx)  =>

Wrapper<T>
} & __module & {}, "transition">>

mounted($)  =>

void

# Stretchy({ children, height, key, part, width })

src/stretchy.tsx#L3

{

# children

src/stretchy.tsx#L9

VKid

# height

src/stretchy.tsx#L8

number

# key

src/stretchy.tsx#L5

string

# part

src/stretchy.tsx#L6

string

# width

src/stretchy.tsx#L7

number

}

Stretchy({ children, height, key, part, width })  =>

VKid

Credits

• sigl by stagas – Web framework

Contributing

Fork or edit and submit a PR.

All contributions are welcome!

License

MIT © 2022 stagas