hextastudio/ui needs your support to stay running 🫶 Help us
Card
Collection of multiple reusable card components with props.
Preview
Qui ipsum aliquip in minim do pariatur pariatur sint fugiat anim. Proident eiusmod esse tempor mollit cillum in nostrud ea magna nisi proident quis.
Installation
Basic card
Qui ipsum aliquip in minim do pariatur pariatur sint fugiat anim. Proident eiusmod esse tempor mollit cillum in nostrud ea magna nisi proident quis.
Outline card
Qui ipsum aliquip in minim do pariatur pariatur sint fugiat anim. Proident eiusmod esse tempor mollit cillum in nostrud ea magna nisi proident quis.
Card with Top Image
Qui ipsum aliquip in minim do pariatur pariatur sint fugiat anim. Proident eiusmod esse tempor mollit cillum in nostrud ea magna nisi proident quis.
Card with Image Bottom
Qui ipsum aliquip in minim do pariatur pariatur sint fugiat anim. Proident eiusmod esse tempor mollit cillum in nostrud ea magna nisi proident quis.
Card with Buttons
Qui ipsum aliquip in minim do pariatur pariatur sint fugiat anim. Proident eiusmod esse tempor mollit cillum in nostrud ea magna nisi proident quis.
{/* Install button component from HextaUI after that 👇 */}
import { Button } from "@/components/hexta-ui/Button";
<Card
variant="default"
buttons={
<>
<Button variant="primary">Primary</Button>
<Button variant="secondary">Secondary</Button>
Card with Buttons and Image
Qui ipsum aliquip in minim do pariatur pariatur sint fugiat anim. Proident eiusmod esse tempor mollit cillum in nostrud ea magna nisi proident quis.
{/* Install button component from HextaUI after that 👇 */}
import { Button } from "@/components/hexta-ui/Button";
<Card
variant="imageTop"
image="https://source.unsplash.com/random?kitty"
buttons={
<div className="flex gap-2 px-4">
<Button variant="primary" className="mt-[-1rem]">