<link rel="stylesheet" href="https://polaroid7.netlify.app/polaroid.css"/>
@import "https://polaroid7.netlify.app/polaroid.css"
git clone https://github.com/rohanmathur91/css-component-library.git
cd into css-component-library
Open the index.html file in the browser
- HTML
- CSS
- JavaScript
- Alert: Alerts are used for showing small messages to users. Alerts has different variations such as
success
,information
,error
, andwarning
. - 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
, andwarning
. - Typography: Text utilities for your projects.