Class CellRoute
Hierarchy
- WebCell
- HTMLElement
- CellRoute
Implements
- WebCell
Index
Constructors
Properties
Accessors
Methods
Class History
Index
Constructors
Properties
Accessors
Methods
Constructors
constructor
- new
History(baseURL?, delimiter?): History Parameters
- baseURL: string = defaultBaseURL
- delimiter: RouterMode = RouterMode.hash
Returns History
Methods
handle
- handle
Form(event, form): void Parameters
- event: Event
- form: HTMLFormElement
Returns void
handle
- handle
Link(event, link): void Parameters
- event: Event
- link: HTMLAnchorElement
Returns void
match
push
Protectedrestore
title
Staticdata
Staticget
- get
Title(root): string Parameters
- root: HTMLElement
Returns string
diff --git a/functions/createRouter.html b/functions/createRouter.html
new file mode 100644
index 0000000..6ef6e1e
--- /dev/null
+++ b/functions/createRouter.html
@@ -0,0 +1 @@
+
Function createRouter
- create
Router(__namedParameters?): {
Form: ((__namedParameters: FormProps) => VNode);
Link: ((__namedParameters: LinkProps) => VNode);
Route: ((__namedParameters: CellRouteProps) => VNode);
} Parameters
- __namedParameters: RouterOptions = {}
Returns {
Form: ((__namedParameters: FormProps) => VNode);
Link: ((__namedParameters: LinkProps) => VNode);
Route: ((__namedParameters: CellRouteProps) => VNode);
}Form: ((__namedParameters: FormProps) => VNode)
- (__namedParameters): VNode
Parameters
- __namedParameters: FormProps
Returns VNode
Link: ((__namedParameters: LinkProps) => VNode)
- (__namedParameters): VNode
Parameters
- __namedParameters: LinkProps
Returns VNode
Route: ((__namedParameters: CellRouteProps) => VNode)
- (__namedParameters): VNode
Parameters
- __namedParameters: CellRouteProps
Returns VNode
Cell Router
Cell Router
Web Component Router based on WebCell & MobX
+
+
Demo
https://web-cell.dev/cell-router/preview/
+Feature
-
+
-
+
[x]
+<iframe />-like Route Component as a Page Container
+ -
+
[x] Page Link (support
+<a />,<area />&<form />)-
+
<a href="route/path">Page title</a>
+<a href="route/path" title="Page title">Example page</a>
+<a href="#page-section">Page section</a>(Scroll to an Anchor smoothly)
+<form method="get" action="route/path" />(Form Data processed byURLSearchParams)
+
+ -
+
[x] Path Mode:
+location.hash(default) &history.pushState()
+ -
+
[x] Async Loading (based on
+import()ECMAScript syntax)
+ -
+
[x] View Transition API based Page Transition Animation
+
+
Installation
Command
npm install dom-renderer web-cell cell-router
npm install parcel @parcel/config-default @parcel/transformer-typescript-tsc -D
+tsconfig.json
{
"compilerOptions": {
"target": "ES6",
"useDefineForClassFields": true,
"jsx": "react-jsx",
"jsxImportSource": "dom-renderer"
}
}
+.parcelrc
{
"extends": "@parcel/config-default",
"transformers": {
"*.{ts,tsx}": ["@parcel/transformer-typescript-tsc"]
}
}
+Usage
Sync Pages
source/index.tsx
import { DOMRenderer } from 'dom-renderer';
import { FC } from 'web-cell';
import { createRouter, PageProps } from 'cell-router';
const { Route, Link } = createRouter();
const TestPage: FC<PageProps> = ({
className,
style,
path,
history,
...data
}) => (
<ul {...{ className, style }}>
<li>Path: {path}</li>
<li>Data: {JSON.stringify(data)}</li>
</ul>
);
new DOMRenderer().render(
<>
<nav>
<Link to="test?a=1">Test</Link>
<Link to="example/2">Example</Link>
</nav>
<main className="router">
<Route
path=""
component={props => <div {...props}>Home Page</div>}
/>
<Route path="test" component={TestPage} />
<Route path="example/:id" component={TestPage} />
</main>
</>
);
+Async Pages
tsconfig.json
{
"compilerOptions": {
"module": "ES2020"
}
}
+source/index.tsx
import { DOMRenderer } from 'dom-renderer';
import { FC, lazy } from 'web-cell';
import { createRouter, PageProps } from 'cell-router';
const { Route, Link } = createRouter();
const TestPage: FC<PageProps> = ({
className,
style,
path,
history,
...data
}) => (
<ul {...{ className, style }}>
<li>Path: {path}</li>
<li>Data: {JSON.stringify(data)}</li>
</ul>
);
const AsyncPage = lazy(() => import('./Async'));
new DOMRenderer().render(
<>
<nav>
<Link to="test?a=1">Test</Link>
<Link to="example/2">Example</Link>
</nav>
<main className="router">
<Route
path=""
component={props => <div {...props}>Home Page</div>}
/>
<Route path="test" component={TestPage} />
<Route path="example/:id" component={AsyncPage} />
</main>
</>
);
+Interface CellRouteProps
interface CellRouteProps {
component: FC<PageProps> | CustomElementConstructor;
history?: History;
onAbort: ((event: UIEvent) => any);
onAnimationCancel: ((event: AnimationEvent) => any);
onAnimationEnd: ((event: AnimationEvent) => any);
onAnimationIteration: ((event: AnimationEvent) => any);
onAnimationStart: ((event: AnimationEvent) => any);
onAuxClick: ((event: MouseEvent) => any);
onBeforeInput: ((event: InputEvent) => any);
onBeforeToggle: ((event: Event) => any);
onBlur: ((event: FocusEvent) => any);
onCancel: ((event: Event) => any);
onCanPlay: ((event: Event) => any);
onCanplaythrough: ((event: Event) => any);
onChange: ((event: Event) => any);
onClick: ((event: MouseEvent) => any);
onClose: ((event: Event) => any);
onContextlost: ((event: Event) => any);
onContextmenu: ((event: MouseEvent) => any);
onContextrestored: ((event: Event) => any);
onCopy: ((event: ClipboardEvent) => any);
onCueChange: ((event: Event) => any);
onCut: ((event: ClipboardEvent) => any);
onDblClick: ((event: MouseEvent) => any);
onDrag: ((event: DragEvent) => any);
onDragEnd: ((event: DragEvent) => any);
onDragEnter: ((event: DragEvent) => any);
onDragLeave: ((event: DragEvent) => any);
onDragOver: ((event: DragEvent) => any);
onDragStart: ((event: DragEvent) => any);
onDrop: ((event: DragEvent) => any);
onDurationChange: ((event: Event) => any);
onEmptied: ((event: Event) => any);
onEnded: ((event: Event) => any);
onError: ((event: ErrorEvent) => any);
onFocus: ((event: FocusEvent) => any);
onFormdata: ((event: FormDataEvent) => any);
onFullscreenChange: ((event: Event) => any);
onFullscreenError: ((event: Event) => any);
onGotpointercapture: ((event: PointerEvent) => any);
onInput: ((event: Event) => any);
onInvalid: ((event: Event) => any);
onKeydown: ((event: KeyboardEvent) => any);
onKeypress: ((event: KeyboardEvent) => any);
onKeyup: ((event: KeyboardEvent) => any);
onLoad: ((event: Event) => any);
onLoadeddata: ((event: Event) => any);
onLoadedmetadata: ((event: Event) => any);
onLoadstart: ((event: Event) => any);
onLostpointercapture: ((event: PointerEvent) => any);
onMouseDown: ((event: MouseEvent) => any);
onMouseEnter: ((event: MouseEvent) => any);
onMouseLeave: ((event: MouseEvent) => any);
onMouseMove: ((event: MouseEvent) => any);
onMouseOut: ((event: MouseEvent) => any);
onMouseOver: ((event: MouseEvent) => any);
onMouseUp: ((event: MouseEvent) => any);
onPaste: ((event: ClipboardEvent) => any);
onPause: ((event: Event) => any);
onPlay: ((event: Event) => any);
onPlaying: ((event: Event) => any);
onPointerCancel: ((event: PointerEvent) => any);
onPointerDown: ((event: PointerEvent) => any);
onPointerEnter: ((event: PointerEvent) => any);
onPointerLeave: ((event: PointerEvent) => any);
onPointerMove: ((event: PointerEvent) => any);
onPointerOut: ((event: PointerEvent) => any);
onPointerOver: ((event: PointerEvent) => any);
onPointerUp: ((event: PointerEvent) => any);
onProgress: ((event: ProgressEvent<EventTarget>) => any);
onRateChange: ((event: Event) => any);
onReset: ((event: Event) => any);
onResize: ((event: UIEvent) => any);
onScroll: ((event: Event) => any);
onScrollend: ((event: Event) => any);
onSecuritypolicyviolation: ((event: SecurityPolicyViolationEvent) => any);
onSeeked: ((event: Event) => any);
onSeeking: ((event: Event) => any);
onSelect: ((event: Event) => any);
onSelectionChange: ((event: Event) => any);
onSelectstart: ((event: Event) => any);
onSlotChange: ((event: Event) => any);
onStalled: ((event: Event) => any);
onSubmit: ((event: SubmitEvent) => any);
onSuspend: ((event: Event) => any);
onTimeupdate: ((event: Event) => any);
onToggle: ((event: Event) => any);
onTouchCancel: ((event: TouchEvent) => any);
onTouchEnd: ((event: TouchEvent) => any);
onTouchMove: ((event: TouchEvent) => any);
onTouchStart: ((event: TouchEvent) => any);
onTransitionCancel: ((event: TransitionEvent) => any);
onTransitionEnd: ((event: TransitionEvent) => any);
onTransitionRun: ((event: TransitionEvent) => any);
onTransitionStart: ((event: TransitionEvent) => any);
onVolumeChange: ((event: Event) => any);
onWaiting: ((event: Event) => any);
onWebkitanimationend: ((event: Event) => any);
onWebkitanimationiteration: ((event: Event) => any);
onWebkitanimationstart: ((event: Event) => any);
onWebkittransitionend: ((event: Event) => any);
onWheel: ((event: WheelEvent) => any);
path: string;
}
component: FC<PageProps> | CustomElementConstructor;
history?: History;
onAbort: ((event: UIEvent) => any);
onAnimationCancel: ((event: AnimationEvent) => any);
onAnimationEnd: ((event: AnimationEvent) => any);
onAnimationIteration: ((event: AnimationEvent) => any);
onAnimationStart: ((event: AnimationEvent) => any);
onAuxClick: ((event: MouseEvent) => any);
onBeforeInput: ((event: InputEvent) => any);
onBeforeToggle: ((event: Event) => any);
onBlur: ((event: FocusEvent) => any);
onCancel: ((event: Event) => any);
onCanPlay: ((event: Event) => any);
onCanplaythrough: ((event: Event) => any);
onChange: ((event: Event) => any);
onClick: ((event: MouseEvent) => any);
onClose: ((event: Event) => any);
onContextlost: ((event: Event) => any);
onContextmenu: ((event: MouseEvent) => any);
onContextrestored: ((event: Event) => any);
onCopy: ((event: ClipboardEvent) => any);
onCueChange: ((event: Event) => any);
onCut: ((event: ClipboardEvent) => any);
onDblClick: ((event: MouseEvent) => any);
onDrag: ((event: DragEvent) => any);
onDragEnd: ((event: DragEvent) => any);
onDragEnter: ((event: DragEvent) => any);
onDragLeave: ((event: DragEvent) => any);
onDragOver: ((event: DragEvent) => any);
onDragStart: ((event: DragEvent) => any);
onDrop: ((event: DragEvent) => any);
onDurationChange: ((event: Event) => any);
onEmptied: ((event: Event) => any);
onEnded: ((event: Event) => any);
onError: ((event: ErrorEvent) => any);
onFocus: ((event: FocusEvent) => any);
onFormdata: ((event: FormDataEvent) => any);
onFullscreenChange: ((event: Event) => any);
onFullscreenError: ((event: Event) => any);
onGotpointercapture: ((event: PointerEvent) => any);
onInput: ((event: Event) => any);
onInvalid: ((event: Event) => any);
onKeydown: ((event: KeyboardEvent) => any);
onKeypress: ((event: KeyboardEvent) => any);
onKeyup: ((event: KeyboardEvent) => any);
onLoad: ((event: Event) => any);
onLoadeddata: ((event: Event) => any);
onLoadedmetadata: ((event: Event) => any);
onLoadstart: ((event: Event) => any);
onLostpointercapture: ((event: PointerEvent) => any);
onMouseDown: ((event: MouseEvent) => any);
onMouseEnter: ((event: MouseEvent) => any);
onMouseLeave: ((event: MouseEvent) => any);
onMouseMove: ((event: MouseEvent) => any);
onMouseOut: ((event: MouseEvent) => any);
onMouseOver: ((event: MouseEvent) => any);
onMouseUp: ((event: MouseEvent) => any);
onPaste: ((event: ClipboardEvent) => any);
onPause: ((event: Event) => any);
onPlay: ((event: Event) => any);
onPlaying: ((event: Event) => any);
onPointerCancel: ((event: PointerEvent) => any);
onPointerDown: ((event: PointerEvent) => any);
onPointerEnter: ((event: PointerEvent) => any);
onPointerLeave: ((event: PointerEvent) => any);
onPointerMove: ((event: PointerEvent) => any);
onPointerOut: ((event: PointerEvent) => any);
onPointerOver: ((event: PointerEvent) => any);
onPointerUp: ((event: PointerEvent) => any);
onProgress: ((event: ProgressEvent<EventTarget>) => any);
onRateChange: ((event: Event) => any);
onReset: ((event: Event) => any);
onResize: ((event: UIEvent) => any);
onScroll: ((event: Event) => any);
onScrollend: ((event: Event) => any);
onSecuritypolicyviolation: ((event: SecurityPolicyViolationEvent) => any);
onSeeked: ((event: Event) => any);
onSeeking: ((event: Event) => any);
onSelect: ((event: Event) => any);
onSelectionChange: ((event: Event) => any);
onSelectstart: ((event: Event) => any);
onSlotChange: ((event: Event) => any);
onStalled: ((event: Event) => any);
onSubmit: ((event: SubmitEvent) => any);
onSuspend: ((event: Event) => any);
onTimeupdate: ((event: Event) => any);
onToggle: ((event: Event) => any);
onTouchCancel: ((event: TouchEvent) => any);
onTouchEnd: ((event: TouchEvent) => any);
onTouchMove: ((event: TouchEvent) => any);
onTouchStart: ((event: TouchEvent) => any);
onTransitionCancel: ((event: TransitionEvent) => any);
onTransitionEnd: ((event: TransitionEvent) => any);
onTransitionRun: ((event: TransitionEvent) => any);
onTransitionStart: ((event: TransitionEvent) => any);
onVolumeChange: ((event: Event) => any);
onWaiting: ((event: Event) => any);
onWebkitanimationend: ((event: Event) => any);
onWebkitanimationiteration: ((event: Event) => any);
onWebkitanimationstart: ((event: Event) => any);
onWebkittransitionend: ((event: Event) => any);
onWheel: ((event: WheelEvent) => any);
path: string;
}
Hierarchy
- WebCellProps
- CellRouteProps
Index
Properties
component
+history?
+on
Properties
component
Optionalhistory
on
on
on
on
on
on
on
on
on
on
on
on
on
on
on
on
on
on
on
on
on
on
on
on
on
on
on
on
on
on
on
on
on
on
on
on
on
on
on
on
on
on
on
on
on
on
on
on
on
on
on
on
on
on
on
on
on
on
on
on
on
on
on
on
on
on
on
on
on
on
on
on
on
on
on
on
on
on
on
on
on
on
on
on
on
on
on
on
on
on
on
on
on
on
on
on
on
on
on
on
path
path: string
Interface PageProps
interface PageProps {
history: History;
onAbort: ((event: UIEvent) => any);
onAnimationCancel: ((event: AnimationEvent) => any);
onAnimationEnd: ((event: AnimationEvent) => any);
onAnimationIteration: ((event: AnimationEvent) => any);
onAnimationStart: ((event: AnimationEvent) => any);
onAuxClick: ((event: MouseEvent) => any);
onBeforeInput: ((event: InputEvent) => any);
onBeforeToggle: ((event: Event) => any);
onBlur: ((event: FocusEvent) => any);
onCancel: ((event: Event) => any);
onCanPlay: ((event: Event) => any);
onCanplaythrough: ((event: Event) => any);
onChange: ((event: Event) => any);
onClick: ((event: MouseEvent) => any);
onClose: ((event: Event) => any);
onContextlost: ((event: Event) => any);
onContextmenu: ((event: MouseEvent) => any);
onContextrestored: ((event: Event) => any);
onCopy: ((event: ClipboardEvent) => any);
onCueChange: ((event: Event) => any);
onCut: ((event: ClipboardEvent) => any);
onDblClick: ((event: MouseEvent) => any);
onDrag: ((event: DragEvent) => any);
onDragEnd: ((event: DragEvent) => any);
onDragEnter: ((event: DragEvent) => any);
onDragLeave: ((event: DragEvent) => any);
onDragOver: ((event: DragEvent) => any);
onDragStart: ((event: DragEvent) => any);
onDrop: ((event: DragEvent) => any);
onDurationChange: ((event: Event) => any);
onEmptied: ((event: Event) => any);
onEnded: ((event: Event) => any);
onError: ((event: ErrorEvent) => any);
onFocus: ((event: FocusEvent) => any);
onFormdata: ((event: FormDataEvent) => any);
onFullscreenChange: ((event: Event) => any);
onFullscreenError: ((event: Event) => any);
onGotpointercapture: ((event: PointerEvent) => any);
onInput: ((event: Event) => any);
onInvalid: ((event: Event) => any);
onKeydown: ((event: KeyboardEvent) => any);
onKeypress: ((event: KeyboardEvent) => any);
onKeyup: ((event: KeyboardEvent) => any);
onLoad: ((event: Event) => any);
onLoadeddata: ((event: Event) => any);
onLoadedmetadata: ((event: Event) => any);
onLoadstart: ((event: Event) => any);
onLostpointercapture: ((event: PointerEvent) => any);
onMouseDown: ((event: MouseEvent) => any);
onMouseEnter: ((event: MouseEvent) => any);
onMouseLeave: ((event: MouseEvent) => any);
onMouseMove: ((event: MouseEvent) => any);
onMouseOut: ((event: MouseEvent) => any);
onMouseOver: ((event: MouseEvent) => any);
onMouseUp: ((event: MouseEvent) => any);
onPaste: ((event: ClipboardEvent) => any);
onPause: ((event: Event) => any);
onPlay: ((event: Event) => any);
onPlaying: ((event: Event) => any);
onPointerCancel: ((event: PointerEvent) => any);
onPointerDown: ((event: PointerEvent) => any);
onPointerEnter: ((event: PointerEvent) => any);
onPointerLeave: ((event: PointerEvent) => any);
onPointerMove: ((event: PointerEvent) => any);
onPointerOut: ((event: PointerEvent) => any);
onPointerOver: ((event: PointerEvent) => any);
onPointerUp: ((event: PointerEvent) => any);
onProgress: ((event: ProgressEvent<EventTarget>) => any);
onRateChange: ((event: Event) => any);
onReset: ((event: Event) => any);
onResize: ((event: UIEvent) => any);
onScroll: ((event: Event) => any);
onScrollend: ((event: Event) => any);
onSecuritypolicyviolation: ((event: SecurityPolicyViolationEvent) => any);
onSeeked: ((event: Event) => any);
onSeeking: ((event: Event) => any);
onSelect: ((event: Event) => any);
onSelectionChange: ((event: Event) => any);
onSelectstart: ((event: Event) => any);
onSlotChange: ((event: Event) => any);
onStalled: ((event: Event) => any);
onSubmit: ((event: SubmitEvent) => any);
onSuspend: ((event: Event) => any);
onTimeupdate: ((event: Event) => any);
onToggle: ((event: Event) => any);
onTouchCancel: ((event: TouchEvent) => any);
onTouchEnd: ((event: TouchEvent) => any);
onTouchMove: ((event: TouchEvent) => any);
onTouchStart: ((event: TouchEvent) => any);
onTransitionCancel: ((event: TransitionEvent) => any);
onTransitionEnd: ((event: TransitionEvent) => any);
onTransitionRun: ((event: TransitionEvent) => any);
onTransitionStart: ((event: TransitionEvent) => any);
onVolumeChange: ((event: Event) => any);
onWaiting: ((event: Event) => any);
onWebkitanimationend: ((event: Event) => any);
onWebkitanimationiteration: ((event: Event) => any);
onWebkitanimationstart: ((event: Event) => any);
onWebkittransitionend: ((event: Event) => any);
onWheel: ((event: WheelEvent) => any);
path: string;
[key: string]: any;
}
history: History;
onAbort: ((event: UIEvent) => any);
onAnimationCancel: ((event: AnimationEvent) => any);
onAnimationEnd: ((event: AnimationEvent) => any);
onAnimationIteration: ((event: AnimationEvent) => any);
onAnimationStart: ((event: AnimationEvent) => any);
onAuxClick: ((event: MouseEvent) => any);
onBeforeInput: ((event: InputEvent) => any);
onBeforeToggle: ((event: Event) => any);
onBlur: ((event: FocusEvent) => any);
onCancel: ((event: Event) => any);
onCanPlay: ((event: Event) => any);
onCanplaythrough: ((event: Event) => any);
onChange: ((event: Event) => any);
onClick: ((event: MouseEvent) => any);
onClose: ((event: Event) => any);
onContextlost: ((event: Event) => any);
onContextmenu: ((event: MouseEvent) => any);
onContextrestored: ((event: Event) => any);
onCopy: ((event: ClipboardEvent) => any);
onCueChange: ((event: Event) => any);
onCut: ((event: ClipboardEvent) => any);
onDblClick: ((event: MouseEvent) => any);
onDrag: ((event: DragEvent) => any);
onDragEnd: ((event: DragEvent) => any);
onDragEnter: ((event: DragEvent) => any);
onDragLeave: ((event: DragEvent) => any);
onDragOver: ((event: DragEvent) => any);
onDragStart: ((event: DragEvent) => any);
onDrop: ((event: DragEvent) => any);
onDurationChange: ((event: Event) => any);
onEmptied: ((event: Event) => any);
onEnded: ((event: Event) => any);
onError: ((event: ErrorEvent) => any);
onFocus: ((event: FocusEvent) => any);
onFormdata: ((event: FormDataEvent) => any);
onFullscreenChange: ((event: Event) => any);
onFullscreenError: ((event: Event) => any);
onGotpointercapture: ((event: PointerEvent) => any);
onInput: ((event: Event) => any);
onInvalid: ((event: Event) => any);
onKeydown: ((event: KeyboardEvent) => any);
onKeypress: ((event: KeyboardEvent) => any);
onKeyup: ((event: KeyboardEvent) => any);
onLoad: ((event: Event) => any);
onLoadeddata: ((event: Event) => any);
onLoadedmetadata: ((event: Event) => any);
onLoadstart: ((event: Event) => any);
onLostpointercapture: ((event: PointerEvent) => any);
onMouseDown: ((event: MouseEvent) => any);
onMouseEnter: ((event: MouseEvent) => any);
onMouseLeave: ((event: MouseEvent) => any);
onMouseMove: ((event: MouseEvent) => any);
onMouseOut: ((event: MouseEvent) => any);
onMouseOver: ((event: MouseEvent) => any);
onMouseUp: ((event: MouseEvent) => any);
onPaste: ((event: ClipboardEvent) => any);
onPause: ((event: Event) => any);
onPlay: ((event: Event) => any);
onPlaying: ((event: Event) => any);
onPointerCancel: ((event: PointerEvent) => any);
onPointerDown: ((event: PointerEvent) => any);
onPointerEnter: ((event: PointerEvent) => any);
onPointerLeave: ((event: PointerEvent) => any);
onPointerMove: ((event: PointerEvent) => any);
onPointerOut: ((event: PointerEvent) => any);
onPointerOver: ((event: PointerEvent) => any);
onPointerUp: ((event: PointerEvent) => any);
onProgress: ((event: ProgressEvent<EventTarget>) => any);
onRateChange: ((event: Event) => any);
onReset: ((event: Event) => any);
onResize: ((event: UIEvent) => any);
onScroll: ((event: Event) => any);
onScrollend: ((event: Event) => any);
onSecuritypolicyviolation: ((event: SecurityPolicyViolationEvent) => any);
onSeeked: ((event: Event) => any);
onSeeking: ((event: Event) => any);
onSelect: ((event: Event) => any);
onSelectionChange: ((event: Event) => any);
onSelectstart: ((event: Event) => any);
onSlotChange: ((event: Event) => any);
onStalled: ((event: Event) => any);
onSubmit: ((event: SubmitEvent) => any);
onSuspend: ((event: Event) => any);
onTimeupdate: ((event: Event) => any);
onToggle: ((event: Event) => any);
onTouchCancel: ((event: TouchEvent) => any);
onTouchEnd: ((event: TouchEvent) => any);
onTouchMove: ((event: TouchEvent) => any);
onTouchStart: ((event: TouchEvent) => any);
onTransitionCancel: ((event: TransitionEvent) => any);
onTransitionEnd: ((event: TransitionEvent) => any);
onTransitionRun: ((event: TransitionEvent) => any);
onTransitionStart: ((event: TransitionEvent) => any);
onVolumeChange: ((event: Event) => any);
onWaiting: ((event: Event) => any);
onWebkitanimationend: ((event: Event) => any);
onWebkitanimationiteration: ((event: Event) => any);
onWebkitanimationstart: ((event: Event) => any);
onWebkittransitionend: ((event: Event) => any);
onWheel: ((event: WheelEvent) => any);
path: string;
[key: string]: any;
}
Hierarchy
- JsxProps<HTMLElement>
- PageProps
Indexable
- [key: string]: any
Index
Properties
history
+on
Properties
history
on
on
on
on
on
on
on
on
on
on
on
on
on
on
on
on
on
on
on
on
on
on
on
on
on
on
on
on
on
on
on
on
on
on
on
on
on
on
on
on
on
on
on
on
on
on
on
on
on
on
on
on
on
on
on
on
on
on
on
on
on
on
on
on
on
on
on
on
on
on
on
on
on
on
on
on
on
on
on
on
on
on
on
on
on
on
on
on
on
on
on
on
on
on
on
on
on
on
on
on
path
path: string
diff --git a/modules.html b/modules.html
new file mode 100644
index 0000000..ad16fb2
--- /dev/null
+++ b/modules.html
@@ -0,0 +1,11 @@
+
Cell Router
Index
Enumerations
Classes
Interfaces
Type Aliases
Functions
Type Alias FormProps
diff --git a/types/LinkProps.html b/types/LinkProps.html
new file mode 100644
index 0000000..ed7d326
--- /dev/null
+++ b/types/LinkProps.html
@@ -0,0 +1 @@
+
Type Alias LinkProps
Link
to: string;
}>
to: string;
}>
Called every time the element is inserted into the DOM
+