Polaroid

CSS component library for faster development.

Installation:

Import the below link in your head section of the HTML file.

<link rel="stylesheet" href="https://polaroid7.netlify.app/polaroid.css"/>

Another way is to import the link in your CSS file.

@import "https://polaroid7.netlify.app/polaroid.css"

To run locally 🚀:

    git clone https://github.com/rohanmathur91/css-component-library.git

    cd into css-component-library

    Open the index.html file in the browser

Tech stack:

• HTML
• CSS
• JavaScript

Features:

• Alert: Alerts are used for showing small messages to users. Alerts has different variations such as success, information, error, and warning.
• Avatar: Can be used as a placeholder for profile images.
• Badge: Badge is used for notifications and for user status and for many other use-cases such as on cards.
• Button: Buttons are used for user actions. There are primary, secondary, and outlined buttons.
• Card: Cards are used for showing products on e-commerce or for user's posts on social media.
• Grid: Grids are used for layouting the elements in a row and column manner.
• Image: Responsive images can be use for profile picture and as a background.
• Input: Input and textarea fields for taking input from user.
• Lists: List for use for listing elements example contact list.
• Modal: Modal is use for getting confirmation or showing some information to user.
• Navigation: Navigation bar is used by users to navigate to specific part or page of your web application.
• Rating: Rating component provide insight regarding other's opinions and experiences.
• Slider: Slider are used for having different ranges example price range.
• Toast: Toast are used for small notifications.Toast comes with different variations such as success, information, error, and warning.
• Typography: Text utilities for your projects.