ProfilePanel

Profile-detail layout for members, people, and agents, built from the shared Panel foundation.

Preview#

<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>

Loading#

Skeleton#

Remote human#

API#WIP

...props
PanelProps
Profile-detail specialization of Panel. Owns the full-height frame and profile surface without changing Panel scrolling behavior.
...props
PanelHeaderProps
Profile identity header.
...props
PanelHeaderContentProps
Profile identity stack that keeps the name and secondary description vertically arranged.
...props
PanelBodyProps
Scrollable body region for profile sections.
...props
PanelSectionProps
Profile content section with profile-specific spacing and separator color.