@nexusui/components
Version:
These are custom components specially-developed for NexusUI applications. They will make your life easier by giving you out-of-the-box implementations for various high-level UI elements that you can drop directly into your application.
33 lines (32 loc) • 1.05 kB
TypeScript
import { ReactNode } from 'react';
import { ListItemButtonProps } from '@mui/material/ListItemButton';
import { ListItemTextProps } from '@mui/material/ListItemText';
export type ITaskItem = Omit<ListItemButtonProps, 'action' | 'children'> & {
/**
* The primary text to display
*/
primary: ListItemTextProps['primary'];
/**
* An extra line of text to appear beside the primary text
*/
primaryModifier?: ReactNode;
/**
* The secondary line of text to display
*/
secondary?: ListItemTextProps['secondary'];
/**
* The current status of the task , used to determine the icon (undefined = no icon)
*/
status?: 'complete' | 'available' | 'unavailable';
/**
* An element, such as a button, to render at the edge of the TaskItem
*/
action?: JSX.Element;
/**
* Controls the nesting styles for TaskItems that are subtasks
*
* @default 'none'
*/
nesting?: 'none' | 'nth-child' | 'last-child';
};
export declare const TaskItem: React.FC<ITaskItem>;