italy-ui-library

italy-ui-library

Repository for Italy UI components

Project structure

├── components
│   ├── dataEntry // Iputs checkboxes, radio buttons, text fields, etc.
│   ├── feedback // Alerts and Loadings
│   ├── general // General UI componets
│   │   ├── Button
│   │   ├── Icon
│   │   ├── IconButton
│   │   ├── Image
│   │   └── text
│   ├── layout // Layout especific components
│   │   ├── Container
│   │   ├── Grid
│   │   └── Pages
│   ├── navigation
│   └── other // Misc
├── index.ts //
└── theme
    ├── ThemeProvider.tsx
    ├── colors.ts
    ├── font.ts
    ├── index.tsx
    └── raw-colors.ts

Installation

1. Go to the project folder and run yarn install
2. Go to ios/ folder and run pod install

Run the iOS storybook

Go to the project folder and run yarn sb:ios

Run the Android storybook

Go to the project folder and run yarn sb:android

Run the Web storybook

Go to the project folder and run yarn sb:web

Creating a new component

https://user-images.githubusercontent.com/7741167/142962498-ff7b42bc-ff84-479b-8cb9-0be5293f120f.mov

Using the comand line run yarn generate this will prompt you to enter the component name and the component type. this command will create a new component folder and a new component file, and will also create a storybook for the component.