---

Usage

<nile-hero hero-text="Nile Hero">
    <nile-page-header
        heading="I am heading"
        sub-heading="I am subheading"
    ></nile-page-header>
</nile-hero>

---

Collapsed state

<nile-hero collapse hero-text="Nile Hero">
    <nile-page-header
        heading="I am heading"
        sub-heading="I am subheading"
    ></nile-page-header>
</nile-hero>

---

Properties

Name	Description	Type	Default
collapse	used to control collapsed and expanded state of the component, with animation	boolean	false
img-src	Image on the right side	url/string	''
hero-text	components hero text	string	'Nile Hero'
icon	The name of the icon shown along with hero text	Refer to nile-icon	action

---

Slots

Name	Description
(default)	Default component header content (nile page header)