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
TypeScript
/**
* 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;