ThemePreact/src/List.tsx

28 lines
496 B
TypeScript

import { h, JSX } from "preact";
export interface IListProps {
clickable?: boolean;
divider?: boolean;
}
export default function List({
clickable,
divider,
className,
children,
...props
}: JSX.HTMLAttributes<HTMLUListElement> & IListProps) {
let cl = "ht-list ";
if (clickable) cl += "ht-list-clickable ";
if (divider) cl += "ht-list-divider ";
cl += className;
return (
<ul className={className} {...props}>
{children}
</ul>
);
}