goodhood

@goodhood/inputs-minimal

Collection of dumb input components. Uses the nebenan design system as single source of truth.

• Preview

Preview

• npm run start
• Visit http://localhost:3000

Usage

• Import styles globally

  @import "@goodhood/inputs-minimal/styles"
  

• Import components e.g.

  import { TextField } from "@goodhood/inputs-minimal"
  

Add a new component

• Create src/*/index.jsx
  • Default exports will be re-exported with the components name
  • Named exports will be re-exported as they are (watch out for collisions)

      // src/micro_helmet/index.jsx
      export const MicroHelmetProvider = 123;
      export default 666;
        
      // usage
      import { MicroHelmet, MicroHelmetProvider } from 'packages/inputs-minimal';
    

• Create src/*/index.stories.jsx
  • Preview will take it up automatically

This site is open source. Improve this page.