sortable.page.tsx
No OneTemporary
Actions

Size

913 B

Referenced Files

None

Subscribers

None

sortable.page.tsx
View Options

	import type { Context } from "koa";
	import { TempstreamJSX } from "tempstream";
	import { Page } from "@sealcode/sealgen";
	import html from "../../html.js";
	import { sortable } from "../common/sortable/sortable.js";

	export const actionName = "SortableDemo";

	export default new (class SortableDemoPage extends Page {
	// eslint-disable-next-line @typescript-eslint/no-unused-vars
	async canAccess(_: Context) {
	return { canAccess: true, message: "" };
	}

	async render(ctx: Context) {
	return html({
	ctx,
	title: "SortableDemo",
	description: "",
	body: (
	<div>
	<h2>Short list</h2>
	{sortable({
	items: ["One", "Two", "Three", "Four", "Five"].map((e) => (
	<div>{e}</div>
	)),
	})}

	<h2>Long list</h2>
	{sortable({
	items: "a"
	.repeat(100)
	.split("")
	.map((_, index) => <div>{index}</div>),
	})}
	</div>
	),
	});
	}
	})();