Progressive ui tailwind based library.
npm i @panditamey/ammyui
<Card
content="Lorem ipsum dolor sit amet, consectetur adipiscing elit."
title="Card Title"
/>
<Card
content="This card is featured with additional information."
featured
title="Featured Card"
/>
<Card
content="A card with a custom image."
imageUrl="https://example.com/image.jpg"
title="Image Card"
/>
<Button variant="solid">
Button
</Button>
<Button variant="outline">
Button
</Button>
<Button variant="ghost">
Button
</Button>
<FormComponents
placeholder="Insert text here"
type="text"
/>
<FormComponents
placeholder="Password"
type="password"
/>
<FormComponents
placeholder="Number"
type="number"
/>
<FormComponents
placeholder="Date"
type="date"
/>
<>
<button
className="bg-blue-500 text-white px-4 py-2"
onClick={() => {}}
>
Open Modal
</button>
<Modal
onClose={() => {}}
title="Example Modal"
>
<p>
This is the content of the modal.
</p>
</Modal>
</>
<NavBar
links={[
{
href: '/',
label: 'Home'
},
{
href: '/about',
label: 'About'
},
{
href: '/contact',
label: 'Contact'
}
]}
title="My App"
/>
<Text as="h1">
lorum ipsum dolor sit amet consectetur adipisicing elit. Quisquam, voluptatum.
</Text>
<TextBox
onChange={() => {}}
placeholder="Enter text..."
value=""
/>