nodejs-starter-kit icon indicating copy to clipboard operation
nodejs-starter-kit copied to clipboard

Reusable antd components.

Open lokeshrana9999 opened this issue 5 years ago • 2 comments

Currently look module contains a reusable iteration of antd components but not all of them.

Steps-

  • Choose the correct version. Antd
  • See if component is already there.
    • If Not:
      • Create a new file following existing naming convention.
      • Write the component code like this Code
      • Add the proptypes using this part of the antd component page. Button - Ant Design
      • Update export in index.js file
    • If component already present.
      • Update the proptypes.

Ps leave out the data entry section of the antd components for now.

lokeshrana9999 avatar Jun 12 '20 14:06 lokeshrana9999

Comment here for any doubts

lokeshrana9999 avatar Jun 12 '20 14:06 lokeshrana9999

  1. create "actions" folder in "ui-antd/components"
  2. add 2 buttons for each action i.e (circular button with only icon) & (rectangular button with icon & text)
  3. create a demo page "demo/actions" - where all components are displayed & console.logs when clicked (onClick function should be passed from outside.)
  4. Btns with text will have default text but can be overided if "text" prop is passed.
  5. Define the proptypes in the respective components.
  • add
  • edit
  • view
  • delete (will have pop-confirm)
  • next
  • submit (will have pop-confirm, but will be configurable i.e. default false but show if "confirm=true" prop is passed)
  • remove (minus icon) (will have pop-confirm, but will be configurable i.e. default false but show if "confirm=true" prop is passed)
  • activate / deactivate (will have pop-confirm)
  • publish / disable (will have pop-confirm)

@r-kohale9, @ishanajmeri

beingtmk avatar Aug 14 '20 10:08 beingtmk