@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;`
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

Component level cssinjs solution used in ant.design. It's a subset of Emotion with design token logic wrapper.

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

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

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago