Contoh Header Reusables
All Reusables Documentation
This is a primary alert—check it out!
This is a secondary alert—check it out!
This is a success alert—check it out!
This is a danger alert—check it out!
This is a warning alert—check it out!
This is a info alert—check it out!
This is a light alert—check it out!
This is a dark alert—check it out!
Contoh Button
Use <Button variant="primary" size="small">Text</Button>
Contoh Swiper
Aku Adalah Swiper
Stay ahead with the latest car releases and upcoming events
Contoh Contact Map
Kantor Kami
Rukan City Walk Blok B3 No.5, Jl. Pd. Cabe Raya No.Kel, Pondok Cabe Udik, Pamulang, South Tangerang City, Banten 15418
Phone: +62 812 3456 7890
Email: halo@contoh.co.id
Hours: Senin–Jumat: 09.00–18.00
Noteworthy technology acquisitions 2021
Here are the biggest enterprise technology acquisitions of 2021 so far, in reverse chronological order.
Read moreSelect
Use <Select label="Choose" options={[{ label: 'One', value: 1 }]} />
Typography
Heading 3
Paragraph text
Use <Heading level={3}>Text</Heading>, <Paragraph>Text</Paragraph>, <Label>Text</Label>
Avatar
A
Use <Avatar name="Alice" />
Alert
This is an info alert.
Success alert!
Warning alert!
Error alert!
Use <Alert variant="info">Text</Alert>
Spinner
Use <Spinner />
Modal
Use <Modal open={true} onClose={fn}>...</Modal>
Accordion
Use <Accordion items={[...]} />
Dropdown
Use <Dropdown label="Select" options={[...]} onSelect={fn} />
List
- Item 1
- Item 2
- Item 3
Use <List items={[...]} />
ListGroup
- List 1
- List 2
- List 3
Use <ListGroup items={[...]} />
Ulasan Nyata Pelanggan Kami
Saya sangat terkesan dengan fitur-fitur yang ada di aplikasi ini. UI-nya simpel, responsif, dan sangat mudah digunakan. Proses booking kendaraan jadi jauh lebih cepat dan efisien. Recomended banget buat yang butuh solusi transportasi modern!
KAKAKWAWA95
Programmer Cupu Ngga tau TW
Ulasan Nyata Pelanggan Kami
Customer testimonial text.
Customer Name
Customer Role