Sha256: 6b85e8585de7949dc76dd9636c45acebc5b92dfc40311a1d52714760435195f2
Contents?: true
Size: 1.1 KB
Versions: 10
Compression:
Stored size: 1.1 KB
Contents
import React from 'react' import classnames from 'classnames' import { buildAriaProps, buildCss, buildDataProps, buildHtmlProps } from '../utilities/props' import { globalProps } from '../utilities/globalProps' type ListItemProps = { aria?: { [key: string]: string }, children: React.ReactNode[] | React.ReactNode, className?: string, data?: object, htmlOptions?: {[key: string]: string | number | boolean | Function}, id?: string, tabIndex?: number, } const ListItem = (props: ListItemProps) => { const { aria = {}, children, className, data = {}, htmlOptions = {}, id, tabIndex, } = props const ariaProps = buildAriaProps(aria) const dataProps = buildDataProps(data) const htmlProps = buildHtmlProps(htmlOptions) const classes = classnames( buildCss('pb_item_kit'), globalProps(props), className ) return ( <> <li {...ariaProps} {...dataProps} {...htmlProps} className={classes} id={id} tabIndex={tabIndex} > {children} </li> </> ) } export default ListItem
Version data entries
10 entries across 10 versions & 1 rubygems