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
EventHandler<NumberInputElement, CustomEvent<any>> EventHandler<NumberInputElement, CustomEvent<any>> Context<NumberInputElement & JsxContext<NumberInputElement> & Omit<{ <T>(ctor) => <T>(ctx) => #
src/number-input.tsx#L7 NumberInputElement
#
onmounted
#
onunmounted
#
src/number-input.tsx#L13 mounted
($)
#
$
CleanClass<T>
Wrapper<T>
"transition"
>> mounted($) =>
- void
# ToggleElement
src/toggle.tsx#L7 EventHandler<ToggleElement, CustomEvent<any>> EventHandler<ToggleElement, CustomEvent<any>> Context<ToggleElement & JsxContext<ToggleElement> & Omit<{ <T>(ctor) => <T>(ctx) => #
onmounted
#
onunmounted
#
src/toggle.tsx#L10 mounted
($)
#
$
CleanClass<T>
Wrapper<T>
"transition"
>> mounted($) =>
- void
# Stretchy
({ children, height, key, part, width })
src/stretchy.tsx#L3 {
}
Stretchy({ children, height, key, part, width }) =>
- VKid
Credits
Contributing
All contributions are welcome!