PandaGo Components

Appearance

Return to top
On this page

Navbar

Navbar component where you can include custom elements in the left, middle and in the end of the navbar. By default, Middle is empty and left and right is filled by icons.

Usage

For now, we have only developed the design system skin

Props

ComponentSkin skinIndicates which skin should be used for the component Default value: ComponentSkin.DESIGN_SYSTEM
ds

Slots

prependAn icon prepending the navbar content. It can be a svg, a component, an image or whatever you want.
appendAn icon appended the navbar content. It can be a svg, a component, an image or whatever you want.
middleCustom content between both icons in the navbar. It can be a text, a breadcrumb, a component or whatever you want.

Type declarations

ComponentSkin

ts
export enum ComponentSkin {
	PANDA = 'panda',
	DESIGN_SYSTEM = 'ds',
}