A modern React component library using TypeScript with React 19 support.
npm install optimized-react-component-library-xyz123
TextInput, Checkbox
value: string (obligatorisk)
onChange: (event) => void (obligatorisk)
placeholder?: string
tsx
import { TextInput } from 'optimized-react-component-library-xyz123';
`
$3
En standard checkbox med props:
- checked: boolean (obligatorisk)
- onChange: (event) => void (obligatorisk)
- label?: string
Exempel:
`tsx
import { Checkbox } from 'optimized-react-component-library-xyz123';
`
$3
En avancerad textfält-komponent med stöd för validering, preview och extra attribut.
Props (via TextFieldStandardProps):
- question: IQuestion (obligatorisk)
- isTouched: (event, question) => void (obligatorisk)
- showPreview?: boolean
- activatedLanguage?: string
Exempel:
`tsx
import TextFieldStandard from 'optimized-react-component-library-xyz123/NewInputComponentStandard/TextFieldStandard/TextFieldStandard';
question={question}
isTouched={handleTouched}
showPreview={false}
activatedLanguage="sv"
/>
`
$3
En textarea-komponent med liknande props som TextFieldStandard.
Exempel:
`tsx
import TextAreaStandard from 'optimized-react-component-library-xyz123/NewInputComponentStandard/TextAreaStandard/TextAreaStandard';
question={question}
isTouched={handleTouched}
showPreview={false}
activatedLanguage="sv"
/>
`
Kom igång
1. Installera beroenden:
`sh
npm install
`
2. Bygg biblioteket:
`sh
npm run build
`
3. Kör tester:
`sh
npm test
`
4. Lint och formatera:
`sh
npm run lint
npm run format
`
5. Publicera till npm:
- Uppdatera fält i package.json (name, author, repository)
- Kör:
`sh
npm publish --access public
``