ds-sites-react-components v0.0.18

Divine Star React Components

React components made by Divine Star.

View Story Book Of Components

Current Components

• Cards
  • Includes types like a blog card and so on.
• Buttons
  • Normal buttons with different sizes.
  • Fancy buttons with SVG animations.
• Images
  • Single images with different sizes and types.
  • Image gallery for displaying many images.
  • Support for source sets to use the webP format and different sized images.
• Structural Components
  • Grid component for easily creating a grid display
• Typography
  • Simple easy to use consistent styled text.

Setting The Theme

You can either pass the colors to each component or you can set CSS variables to theme the components.

.my-theme {
  --default-color : white;
  --default-pre-color : grey;
 
  --primary: rgb(17, 54, 97);
  --primary-light-1: rgb(21, 72, 131);
  --primary-light-2: rgb(54, 129, 214);
  --primary-alt-1: rgb(4, 33, 66);
  --primary-alt-2: rgb(4, 27, 54);
  --primary-dark: rgba(7, 23, 43, 0.8);
}