How to use the @fluentui/react-proptypes.nodeContent function in @fluentui/react-proptypes
To help you get started, we’ve selected a few @fluentui/react-proptypes examples, based on popular ways it is used in public projects.
Secure your code as it's written. Use Snyk Code to scan source code in minutes - no build needed - and fix issues immediately.
microsoft / fluent-ui-react / packages / react / src / components / Table / TableRow.tsx View on Github 
*/
class TableRow extends UIComponent, any> {
static displayName = 'TableRow'
static className = 'ui-table__row'
static create: ShorthandFactory
static propTypes = {
...commonPropTypes.createCommon({
content: false,
}),
content: customPropTypes.every([
customPropTypes.disallow(['children']),
PropTypes.oneOfType([
PropTypes.arrayOf(customPropTypes.nodeContent),
customPropTypes.nodeContent,
]),
]),
items: customPropTypes.collectionShorthand,
header: PropTypes.bool,
compact: PropTypes.bool,
}
static defaultProps = {
as: 'div',
accessibility: tableRowBehavior as Accessibility,
}
renderCells(variables: ComponentVariablesObject) {
const { items, header } = this.propsstatic slotClassNames: TableCellSlotClassNames = {
content: `${TableCell.className}__content`,
}
static create: ShorthandFactory
static propTypes = {
...commonPropTypes.createCommon({
content: false,
}),
content: customPropTypes.every([
customPropTypes.disallow(['children']),
PropTypes.oneOfType([
PropTypes.arrayOf(customPropTypes.nodeContent),
customPropTypes.nodeContent,
]),
]),
truncateContent: PropTypes.bool,
}
static defaultProps = {
as: 'div',
accessibility: tableCellBehavior as Accessibility,
}
renderComponent({
accessibility,
ElementType,
styles,
classes,
unhandledProps,static Cell = TableCell
static Row = TableRow
static slotClassNames: TableSlotClassNames = {
header: `${Table.className}__header`,
}
static propTypes = {
...commonPropTypes.createCommon({
content: false,
}),
content: customPropTypes.every([
customPropTypes.disallow(['children']),
PropTypes.oneOfType([
PropTypes.arrayOf(customPropTypes.nodeContent),
customPropTypes.nodeContent,
]),
]),
header: customPropTypes.itemShorthand,
rows: customPropTypes.collectionShorthand,
compact: PropTypes.bool,
}
static defaultProps = {
as: 'div',
accessibility: tableBehavior as Accessibility,
}
renderRows(accessibility: ReactAccessibilityBehavior, variables: ComponentVariablesObject) {
const { rows, compact } = this.props
return _.map(rows, (row: TableRowProps, index: number) => {static Cell = TableCell
static Row = TableRow
static slotClassNames: TableSlotClassNames = {
header: `${Table.className}__header`,
}
static propTypes = {
...commonPropTypes.createCommon({
content: false,
}),
content: customPropTypes.every([
customPropTypes.disallow(['children']),
PropTypes.oneOfType([
PropTypes.arrayOf(customPropTypes.nodeContent),
customPropTypes.nodeContent,
]),
]),
header: customPropTypes.itemShorthand,
rows: customPropTypes.collectionShorthand,
compact: PropTypes.bool,
}
static defaultProps = {
as: 'div',
accessibility: tableBehavior as Accessibility,
}
renderRows(accessibility: ReactAccessibilityBehavior, variables: ComponentVariablesObject) {
const { rows, compact } = this.propsstatic className = 'ui-table__cell'
static slotClassNames: TableCellSlotClassNames = {
content: `${TableCell.className}__content`,
}
static create: ShorthandFactory
static propTypes = {
...commonPropTypes.createCommon({
content: false,
}),
content: customPropTypes.every([
customPropTypes.disallow(['children']),
PropTypes.oneOfType([
PropTypes.arrayOf(customPropTypes.nodeContent),
customPropTypes.nodeContent,
]),
]),
truncateContent: PropTypes.bool,
}
static defaultProps = {
as: 'div',
accessibility: tableCellBehavior as Accessibility,
}
renderComponent({
accessibility,
ElementType,
styles,
classes,class TableRow extends UIComponent, any> {
static displayName = 'TableRow'
static className = 'ui-table__row'
static create: ShorthandFactory
static propTypes = {
...commonPropTypes.createCommon({
content: false,
}),
content: customPropTypes.every([
customPropTypes.disallow(['children']),
PropTypes.oneOfType([
PropTypes.arrayOf(customPropTypes.nodeContent),
customPropTypes.nodeContent,
]),
]),
items: customPropTypes.collectionShorthand,
header: PropTypes.bool,
compact: PropTypes.bool,
}
static defaultProps = {
as: 'div',
accessibility: tableRowBehavior as Accessibility,
}
renderCells(variables: ComponentVariablesObject) {
const { items, header } = this.props
return _.map(items, (item: TableCellProps, index: number) => {@fluentui/react-proptypes
Set of custom reusable PropTypes for React components, some of them are specific for Fluent UI.
Package Health Score
78 / 100Popular @fluentui/react-proptypes functions
- @fluentui/react-proptypes.align
- @fluentui/react-proptypes.collectionShorthand
- @fluentui/react-proptypes.collectionShorthandWithKindProp
- @fluentui/react-proptypes.design
- @fluentui/react-proptypes.disallow
- @fluentui/react-proptypes.domNode
- @fluentui/react-proptypes.every
- @fluentui/react-proptypes.itemShorthand
- @fluentui/react-proptypes.itemShorthandWithoutJSX
- @fluentui/react-proptypes.never
- @fluentui/react-proptypes.nodeContent
- @fluentui/react-proptypes.ref
- @fluentui/react-proptypes.shorthandAllowingChildren
- @fluentui/react-proptypes.size
- @fluentui/react-proptypes.wrapperShorthand