@grassus/ui-package NPM

ui-package

UI package

Header

description

Property	Type	Default
actions	`ReactNode`
extra	`ReactNode`
gap	`small` \| `middle` \| `large` \| `string` \| `number`
level	`number`	3
styles	`actions?: CSSProperties; body?: CSSProperties; extra?: CSSProperties; title?: CSSProperties; container?: CSSProperties;`
title	`string`

SiderMenu

description

Property	Description	Type	Default	Version
collapsed		`boolean`
extra		`ReactNode`
loading		`boolean` \| `SpinProps`
menuProps		`MenuProps`
styles		`actions?: CSSProperties; body?: CSSProperties; extra?: CSSProperties; header?: CSSProperties;`
title		`ReactNode` \| `string`

useMenuCollapsed Hook

description

Property	Description	Type	Default	Version
menuName		`string`	menuCollapsed

import { useMenuCollapsed } from '@grassus/ui-package';

export default () => {
  const { menuCollapsed, setMenuCollapsed } = useMenuCollapsed();
  
  console.log("menuCollapsed", menuCollapsed);
  
  return ( <button onClick={() => setMenuCollapsed(!menuCollapsed)}> Collapsed </button>)
}

AuthProvider

description

Property	Description	Type	Default	Version
children		`ReactNode`
value		`loginUrl: string; userInfoUrl: string; userRolesUrl: string;`

useAuthProvider

description

Property	Description	Type	Default	Version
authConfigInfo		`loginUrl: string, userInfoUrl: string, userRolesUrl: string,`
authInfo		`isAuthorized: boolean, isLoading: boolean, error: null,`
userInfo		`string`
userRoles		`string[]`