flowbite-svelte
Version:
Flowbite components for Svelte
56 lines (55 loc) • 2.74 kB
TypeScript
import { SvelteComponentTyped } from "svelte";
import type { ActivityType } from '../types';
import type { HTMLLiAttributes } from 'svelte/elements';
declare const __propDef: {
props: HTMLLiAttributes & {
activities: ActivityType[];
liClass?: string;
spanClass?: string;
imgClass?: string;
outerDivClass?: string;
innerDivClass?: string;
timeClass?: string;
titleClass?: string;
textClass?: string;
classLi?: string;
classSpan?: string;
classImg?: string;
classOuterDiv?: string;
classInnerDiv?: string;
classTime?: string;
classTitle?: string;
classText?: string;
};
events: {
[evt: string]: CustomEvent<any>;
};
slots: {};
};
export type ActivityItemProps = typeof __propDef.props;
export type ActivityItemEvents = typeof __propDef.events;
export type ActivityItemSlots = typeof __propDef.slots;
/**
* [Go to docs](https://flowbite-svelte.com/)
* ## Props
* @prop export let activities: $$Props['activities'] = [];
* @prop export let liClass: $$Props['liClass'] = 'mb-10 ms-6';
* @prop export let spanClass: $$Props['spanClass'] = 'flex absolute -start-3 justify-center items-center w-6 h-6 bg-blue-200 rounded-full ring-8 ring-white dark:ring-gray-900 dark:bg-blue-900';
* @prop export let imgClass: $$Props['imgClass'] = 'rounded-full shadow-lg';
* @prop export let outerDivClass: $$Props['outerDivClass'] = 'p-4 bg-white rounded-lg border border-gray-200 shadow-xs dark:bg-gray-700 dark:border-gray-600';
* @prop export let innerDivClass: $$Props['innerDivClass'] = 'justify-between items-center mb-3 sm:flex';
* @prop export let timeClass: $$Props['timeClass'] = 'mb-1 text-xs font-normal text-gray-400 sm:order-last sm:mb-0';
* @prop export let titleClass: $$Props['titleClass'] = 'text-sm font-normal text-gray-500 lex dark:text-gray-300';
* @prop export let textClass: $$Props['textClass'] = 'p-3 text-xs italic font-normal text-gray-500 bg-gray-50 rounded-lg border border-gray-200 dark:bg-gray-600 dark:border-gray-500 dark:text-gray-300';
* @prop export let classLi: $$Props['classLi'] = '';
* @prop export let classSpan: $$Props['classSpan'] = '';
* @prop export let classImg: $$Props['classImg'] = '';
* @prop export let classOuterDiv: $$Props['classOuterDiv'] = '';
* @prop export let classInnerDiv: $$Props['classInnerDiv'] = '';
* @prop export let classTime: $$Props['classTime'] = '';
* @prop export let classTitle: $$Props['classTitle'] = '';
* @prop export let classText: $$Props['classText'] = '';
*/
export default class ActivityItem extends SvelteComponentTyped<ActivityItemProps, ActivityItemEvents, ActivityItemSlots> {
}
export {};