mirror of
https://github.com/flarum/framework.git
synced 2024-12-04 08:13:39 +08:00
23 lines
651 B
JavaScript
23 lines
651 B
JavaScript
|
import Component from 'flarum/Component';
|
||
|
|
import listItems from 'flarum/helpers/listItems';
|
||
|
|
|
||
|
|
/**
|
||
|
|
* The `FieldSet` component defines a collection of fields, displayed in a list
|
||
|
|
* underneath a title. Accepted properties are:
|
||
|
|
*
|
||
|
|
* - `className` The class name for the fieldset.
|
||
|
|
* - `label` The title of this group of fields.
|
||
|
|
*
|
||
|
|
* The children should be an array of items to show in the fieldset.
|
||
|
|
*/
|
||
|
|
export default class FieldSet extends Component {
|
||
|
|
view() {
|
||
|
|
return (
|
||
|
|
<fieldset className={this.props.className}>
|
||
|
|
<legend>{this.props.label}</legend>
|
||
|
|
<ul>{listItems(this.props.children)}</ul>
|
||
|
|
</fieldset>
|
||
|
|
);
|
||
|
|
}
|
||
|
|
}
|