Header

Last updated: 3.0.0 (04/07/2024)

Usage

import { Header, Title } from "@valence-ui/core";

function MyComponent() { 
    return ( 
        <Header>
            <Title>
                Page title!
            </Title>
        </Header>
    )
}

Props

Extends FlexCenterProps.

Property
Type
Description

position

CSSProperties["position"]

Defines the position of this header.

Changelog

  • 3.0.0: HeaderProps now extends FlexCenterProps. The innerProps prop still works, but is not documented here.

  • 2.4.0: rebuilt the Header component, removing compacting logic and replacing it with native CSS alternatives.

Last updated

Was this helpful?