Oddify

An odd looking UI component library for Astro 🚀

In progress... 🛠️

install npm i oddify

Button

Displays a button or a component that looks like a button.

code --- import {Button} from "@oddify"; --- <Button>Click Me</Button>

on off

Toggle is a checkbox that is styled to look like a switch button.

code --- import {Toggle} from "@oddify"; --- <Toggle left="on" right="off" />

Loading shows an animation to indicate that something is loading...

code --- import {Loading} from "@oddify"; --- <Loading />

Allows to get user inputs in forms, search fields, and more.

code --- import {Input} from "@oddify"; --- <Input placeholder="Placeholder" />

Hello Container

Group and organize other UI elements, such as text, images, buttons, and other user interface components.

code --- import {Container} from "@oddify"; --- <Container>Hello Container</Container>

Click me

Checkboxes are used to select or deselect a value.

code --- import {Checkbox} from "@oddify"; --- <Checkbox label="Click me" />