Home Reference Source Repository
import InfoSelectField from 'ntnu-react/material/InfoSelectField.js'
public class | source

InfoSelectField

Extends:

react~React.Component → InfoSelectField

Material-ui SelectField extended with an info field.

<InfoSelectField
    floatingLabelText="My text field"
    infoText="With extra infotext added"
    wrapStyle={{flex: 1}}
    required={true}
>
    {items.map((item) => (
        <MenuItem
            key={item.key}
            value={item.key}
            primaryText={item.text}
            insetChildren={true}
            checked={this.state.selected === item.key}
        />
    ))}
</InfoSelectField>

Static Member Summary

Static Public Members
public static
public static

Method Summary

Public Methods
public

render(): Node

Static Public Members

public static contextTypes: Object source

Properties:

NameTypeAttributeDescription
muiTheme Object

Theme

public static propTypes: Object source

Properties:

NameTypeAttributeDescription
children Node

MenuItems to select from.

infoText string
wrapStyle Object

Styles added to wrapping element.

fullWidth boolean

Default false.

floatingLabelText Node
required boolean

Mark field as required. Default false.

Public Methods

public render(): Node source

Return:

Node