Logo
Chakra-UIReactJsNext.JS
Head

@codecraftkit

Documentation

Page Header

Description#

The Page Header is used to add a standard and simple header to any page.

Import#

it can be imported from the core.

Code Example

import { PageHeader } from "@codecraftkit/core";

or alone.

Code Example

import PageHeader from "@codecraftkit/pageheader";

Usage#

Code Example

<PageHeader title="Title"/>

Actions#

Code Example

<PageHeader
title="Actions"
leftAction={<Stack mt="1" isInline spacing={4}>
  <Button size='sm'>Refresh</Button>
  <Button size='sm'>New</Button>
</Stack>}
 rightAction={<Paginate total={50} limit={5} onPageChange={()=>{}}/>}
/>

Props#

name

type

required

default

description

title

ComponentString

no

The name that the header will take as title

leftActions

Component

no

Actions on the left side of the box

rightActions

Component

no

Actions on the right side of the box

loading

Boolean

no

false

Show a loading animation

borderBottom

Boolean

no

false

Just show border bottom

noBackButton

Boolean

no

false

Remove go back button