Alert

import Alert from "@/components/ui/alert"; example: props: type message

ekovegeance Almost 2 years ago

Checkbox

import Checkbox from "@/components/ui/checkbox"; example: props: label className onChange

ekovegeance Almost 2 years ago

Spinner

import Spinner from "@/components/stocks/spinner"; example: props: className text variant variant: primary (default) dark light

ekovegeance Almost 2 years ago

Error

import Error from "@/components/ui/error" example: props: label message

ekovegeance Almost 2 years ago

CircularButton

import CircularButton from "@/components/ui/circular-button"; example: props: icon

ekovegeance Almost 2 years ago

Header

import Header from '@/components/header';

ekovegeance Almost 2 years ago

Sidebar

import Sidebar from '@/components/sidebar';

ekovegeance Almost 2 years ago

AvatarLogin

import AvatarLogin from "@components/ui/avatar-login";

ekovegeance Almost 2 years ago

Timeline

import Timeline from '@/components/timeline'; example: const steps = [ { status: 'payment', description: 'Menunggu pembayaran', date: '12 Oktober 2024: 10:00', }, { status: 'processing', description: 'Sedang Di cetak', person: 'Zakaria Sutomo', date: '12 Oktober 2024: 10:00', }, { status: 'delivery', description: 'Dikirim ke alamat pengiriman', person: 'Alan Walker', date: '12 Oktober 2024: 10:00', }, { status: 'completed', description: 'Pesanan Diterima', person: 'Jeni Dhoe', date: '12 Oktober 2024: 10:00', }, ]; export default function TimelinePage() { return ( ); }; props: steps

ekovegeance Almost 2 years ago

Skeleton

ekovegeance Almost 2 years ago

Dialog

import Dialog from "@/components/ui/dialog"; example: setIsDialogOpen(false)} title="Registrasi Berhasil" description="Sukses mendaftar! Silahkan login."> props: isOpen onClose title description

ekovegeance Almost 2 years ago

Badge

import Badge from "@/components/ui/badge"; example: Discount props: variant

ekovegeance Almost 2 years ago

Avatar

ekovegeance Almost 2 years ago

Footer

import Footer from "@/components/footer"; example

ekovegeance Almost 2 years ago

Select

import Select from '@/components/ui/select'; example : props : label placeholder value option

ekovegeance Almost 2 years ago

Button

import Button from "@/components/ui/button"; example: children props : children variant className props variant : primary primarySubtle secondary danger dangerSubtle dark default

ekovegeance Almost 2 years ago

May 13

Modal

import Modal from "@/components/ui/modal"; example Pakai } > Pakai promo dan dapatkan diskon 10% props isOpen closeModal title description illustration children footer

ekovegeance Almost 2 years ago

InputField

import InputField from "@/components/ui/input-field"; example props label placeholder type prefix sufix value onChange

ekovegeance Almost 2 years ago

Card

import Card from "@/components/ui/card"; example Cetak }/> props imageSrc title description children

ekovegeance Almost 2 years ago

HeroSection

import Hero from "@/components/hero-section";

ekovegeance Almost 2 years ago