FieldGroup

Basic usage

Example

Live demo

Loading...

Code

import { FieldGroup } from "blue-react"

export default function FieldGroupBasicUsage() {
    return <FieldGroup header="Field group 1">Content of field group 1</FieldGroup>
}

Headings

Example

Live demo

Loading...

Code

import { FieldGroup } from "blue-react"

export default function FieldGroupHeadings() {
    return (
        <FieldGroup header="Field group 1" pageHeader heading={2}>
            Content of field group 1
        </FieldGroup>
    )
}
Name Description Type Default
header ReactNode
isExpanded boolean true
headerClassName string
heading number
pageHeader boolean

On this page