[4.0] Proposal: Fieldset component

[csandanov]

• I have searched the issues of this repository and believe that this is not a duplicate.

What problem does this feature solve?

There's a standard HTML tag <fieldset> which is used to visually group form elements, see example. It would be great if antd had <Fieldset> with a standard antd styling and may some configuration like title and border style.

What does the proposed API look like?

Example: https://codesandbox.io/s/antd-reproduction-template-4924q
This example uses standard <fieldset> with <legend>, imagine if we had something like:

<Fieldset title="" fullBorder titlePosition="right">

[afc163]

How about Divider: https://ant.design/components/divider#components-divider-demo-with-text

[csandanov]

Divider adds spaces but I need a visual grouping of elements

[abenhamdine]

FWIW we use this simple in-house component which meets our needs :

import * as React from 'react'
import './styles.css'

interface Props {
    children: React.ReactNode
    title: string
    style?: React.CSSProperties
}

export const ArhFieldset: React.FC<Props> = ({ children, title, style }) =>
    <fieldset className="arh-fieldset" style={style}>
        <legend>{title}</legend>
        {children}
    </fieldset>