ProfilePanel
Profile-detail layout for members, people, and agents, built from the shared Panel foundation.
<ProfilePanel>
<ProfilePanelHeader>
<Avatar />
<ProfilePanelHeaderContent>
<PanelHeading>
<PanelTitle />
</PanelHeading>
<PanelMeta />
</ProfilePanelHeaderContent>
<PanelActions>
<PanelAction />
</PanelActions>
</ProfilePanelHeader>
<PanelBody>
<PanelScrollViewport>
<PanelScrollContent>
<ProfilePanelSection>
<Avatar />
<Text.Heading />
<Text.Mono />
</ProfilePanelSection>
<ProfilePanelSection>
<DescriptionList>
<DescriptionItem>
<DescriptionTerm />
<DescriptionDetails>
<Badge />
</DescriptionDetails>
</DescriptionItem>
</DescriptionList>
</ProfilePanelSection>
<ProfilePanelSection>
<SidebarItem />
</ProfilePanelSection>
</PanelScrollContent>
</PanelScrollViewport>
</PanelBody>
</ProfilePanel>API#WIP
| Prop | Type | Default | Description |
|---|---|---|---|
...props | PanelProps | — | Profile-detail specialization of Panel. Owns the full-height frame and profile surface without changing Panel scrolling behavior. |
| Prop | Type | Default | Description |
|---|---|---|---|
...props | PanelHeaderProps | — | Profile identity header with the profile-specific Elegant separator and inline padding. |
| Prop | Type | Default | Description |
|---|---|---|---|
...props | PanelHeaderContentProps | — | Profile identity stack that keeps the name and secondary description vertically arranged across themes. |
| Prop | Type | Default | Description |
|---|---|---|---|
...props | PanelBodyProps | — | Scrollable body region for profile sections. |
| Prop | Type | Default | Description |
|---|---|---|---|
...props | PanelSectionProps | — | Profile content section with profile-specific Elegant spacing and separator color. |