UNPKG

gadgets

Version:

Reusable React UI widgets - This is my widget library. There are many like it, but this one is mine...

40 lines (39 loc) 1.12 kB
/** * Creats a dividing line within a List compoenent. It uses a single `<hr />` * to within a list item to make the dividing line. * * #### Examples: * * ```javascript * import {List, ListDivider} from 'gadgets'; * <List> * <ListDivider backgroundColor="red" /> * </List> * ``` * * #### Events * None * * #### Styles * - `ui-list-divider` - A class style on the `<li>` tag (root) of the * component. * * #### Properties * - `color: string (inherit)` - The color of the dividing line * * @module ListDivider */ /// <reference types="react" /> import { BaseComponent } from "../shared"; import { ListProps, ListState } from "./List"; export interface ListDividerProps extends ListProps { color?: string; } export declare type ListDividerState = ListState; export declare class ListDivider extends BaseComponent<ListDividerProps, ListDividerState> { static readonly defaultProps: ListDividerProps; constructor(props: ListDividerProps); static getDerivedStateFromProps(props: ListDividerProps, state: ListDividerState): any; render(): JSX.Element; } export default ListDivider;