Bio Section Components

This section is responsible of displaying the infomation of the user or the group. This section is made up of 5 Components:-

• BioHeader: The Section Header of bio section is created via this component.

Section3.jsx

import { BioHeader } from "@Chattgator/components"

const SampleApp = () => {
    return (
        <>
            <BioHeader />
        </>
    );
};

export default SampleApp;

• BioImage: The Image of the group or the user is displayed in this component.

Section3.jsx

import { BioImage } from "@Chattgator/components"

const SampleApp = () => {
    return (
        <>
            <BioImage />
        </>
    );
};

export default SampleApp;

• BioInfo: The Name and username, or number of member in the group, is displayed in this component.

Section3.jsx

import { BioInfo } from "@Chattgator/components"

const SampleApp = () => {
    return (
        <>
            <BioInfo />
        </>
    );
};

export default SampleApp;

• BioDescription: The description of the user or group is displayed in this component.

Section3.jsx

import { BioDescription } from "@Chattgator/components"

const SampleApp = () => {
    return (
        <>
            <BioDescription />
        </>
    );
};

export default SampleApp;

• BioParticipation: The list of memebers in the group and their status is displayed in this component.

Section3.jsx

import { BioParticipation } from "@Chattgator/components"

const SampleApp = () => {
    return (
        <>
            <BioParticipation />
        </>
    );
};

export default SampleApp;