<PageHeader title="Products" />

<PageHeader

    title       = "Products"

    description = "Browse and manage the full product catalog."

/>

<PageHeader

    title       = "Products"

    subtitle    = "48 results"

    description = "Browse and manage the full product catalog."

/>

import { AiFillProduct } from 'react-icons/ai' ;

<PageHeader

    icon        = { AiFillProduct }

    title       = "Products"

    description = "Browse and manage the full product catalog."

/>

<PageHeader

    icon  = { AiFillProduct }

    title = "Products"

    right = {

        <div className="flex items-center gap-2">

            <Button icon={ MdRefresh } />

            <Button color="primary" icon={ MdAdd }>Add</Button>

        </div>

    }

/>

<PageHeader

    showDivider = { true }

    title       = "Products"

/>

import SlideDown from 'oihana-next-ui/motions/SlideDown' ;

<PageHeader

    animated        = { true }

    MotionComponent = { SlideDown }

    motionOptions   = { { delay: 0, start: -20 } }

    title           = "Notifications"

/>

<PageHeader

    avatar  = { <span className="font-bold">BC</span> }

    title   = "B Comme Bois"

    subtitle = "Wood & Timber"

/>

<PageHeader

    showAvatar  = { false }

    title       = "Settings"

    description = "Manage your account and preferences."

/>

<ThingsPage

    icon            = { AiFillProduct }

    path            = "app.products"

    showHeader      = { true }

    showDescription = { true }

    refreshable     = { true }

    addable         = { true }

    addPath         = "/products/add"

    url             = "products"

/>