Using table-layout property with React and TypeScript was giving a type error like below: ERROR in /var/jenkins/workspace/dev/resources/packages/sites/table.tsx [tsl] ERROR in /var/jenkins/workspace/dev/resources/packages/sites/table.tsx(79,25) TS2322: Type ‘{ padding: number; width: string; margin: string; tableLayout: string; }’ is not assignable to type ‘CSSProperties’. Types of property ‘tableLayout’ are incompatible. Type ‘string’ is not assignable to type ‘TableLayout’. This was… Continue reading Using tableLayout CSS property with TypeScript
Month: December 2020
CSS Flip Animation for Font Awesome Icons
This flip animation will be a perfect use-case for enable/disable UI actions. We’ll be using rotateY transform function to achieve this flip animation. Here is a simple HTML page with a few font awesome icons in both enabled and disabled states (we’ll be adding CSS for these states later) and jquery included for click actions.… Continue reading CSS Flip Animation for Font Awesome Icons
Flutter – Local push notifications
Create a Flutter project To create a new project in Flutter execute the following command line in the terminal. We are using tryoutflutter as the project name. It will create a folder with the name of the project. Inside the project, the files structure should like this: Let’s look at the folders and files in… Continue reading Flutter – Local push notifications