RUBAHNASIB

Google Play ID Studio

4.277

377 rb ulasan

821 jt+

Didownload

18+

Rating Konten

Resmi & Terverifikasi ⚡ Akses Instan 🔥 Promo Terbatas

💳 Pilih paket keuntungan Anda:

Paket Dasar Paket PRO VIP Premium

Rp 50.000 Rp 150.000 502% OFF

🛒 Beli Sekarang ⚡ Klaim Bonus

Tentang aplikasi ini

🔥 Selamat datang di RUBAHNASIB — Jelajahi tren terbaru tentang casino-in-hanoi!

Chip

Lencana informasi kecil untuk menampilkan label, status, dan kategori.

Impor komponen Chip dan akses semua bagian menggunakan notasi titik:

import { Chip } from '@heroui/react';
Anak-anak teks biasa secara otomatis dibungkus dalam .

Teks label

Meneruskan Kelas Tailwind CSS

Anda dapat menata wadah akar dan slot individual:

import {Chip} from '@heroui/react';
function CustomChip() {
return (

Custom Styled

);
}

Menyesuaikan Kelas Komponen

Untuk menyesuaikan kelas komponen Chip, Anda dapat menggunakan direktif @layer components.

Pelajari lebih lanjut di dokumentasi Tailwind CSS.

@layer components {.chip {
@apply rounded-full text-xs;
}.chip__label {
@apply font-medium;
}.chip--accent {
@apply border-accent/20;
}.chip--accent.chip__label {
@apply text-accent;
}
}
HeroUI mengikuti metodologi BEM untuk memastikan varian dan status komponen dapat digunakan kembali dan mudah disesuaikan.

Kelas CSS

Komponen Chip menggunakan kelas-kelas CSS berikut:

Kelas Dasar
-.chip - Gaya wadah chip dasar
-.chip__label - Gaya slot teks label
Kelas Warna
-.chip--accent - Varian warna aksen
-.chip--danger - Varian warna bahaya
-.chip--default - Varian warna bawaan
-.chip--success - Varian warna sukses
-.chip--warning - Varian warna peringatan
Kelas Varian
-.chip--primary - Varian utama dengan latar belakang terisi
-.chip--secondary - Varian sekunder dengan batas
-.chip--tertiary - Varian tersier dengan latar belakang transparan
-.chip--soft - Varian lembut dengan latar belakang lebih terang
Kelas Ukuran
-.chip--sm - Ukuran kecil
-.chip--md - Ukuran sedang (bawaan)
-.chip--lg - Ukuran besar
Kelas Varian Gabungan
Chip mendukung penggabungan kelas varian dan warna (misalnya.chip--secondary--accent ). Kombinasi berikut memiliki gaya bawaan yang ditentukan:

Varian Utama:

-.chip--primary--accent - Kombinasi utama aksen dengan latar belakang terisi
-.chip--primary--success - Kombinasi utama sukses dengan latar belakang terisi
-.chip--primary--warning - Kombinasi utama peringatan dengan latar belakang terisi
-.chip--primary--danger - Kombinasi utama bahaya dengan latar belakang terisi
Varian Lembut:

-.chip--accent--soft - Kombinasi lembut aksen dengan latar belakang lebih terang
-.chip--success--soft - Kombinasi lembut sukses dengan latar belakang lebih terang
-.chip--warning--soft - Kombinasi lembut peringatan dengan latar belakang lebih terang
-.chip--danger--soft - Kombinasi lembut bahaya dengan latar belakang lebih terang
Catatan: Anda dapat menerapkan gaya kustom ke kombinasi varian-warna apa pun (misalnya.chip--secondary--accent,.chip--tertiary--success ) menggunakan direktif @layer components di CSS Anda.

Properti Chip

Properti | Tipe | Bawaan | Deskripsi
children | Reactode | Konten yang akan ditampilkan di dalam chip
className | string | Kelas CSS tambahan untuk elemen akar
color | "default" | "accent" | "success" | "warning" | "danger" | "default" | Varian warna chip
variant | "primary" | "secondary" | "tertiary" | "soft" | "secondary" | Varian gaya visual
size | "sm" | "md" | "lg" | "md" | Ukuran chip

Properti Chip

Properti | Tipe | Bawaan | Deskripsi
children | Reactode | Konten teks label
className | string | Kelas CSS tambahan untuk slot label

Diupdate pada

2026-07-24

Kasino Olahraga casino-games-with-bonuses

Keamanan data

Keamanan dimulai dengan memahami cara developer mengumpulkan dan membagikan data Anda. Praktik privasi dan keamanan data dapat bervariasi berdasarkan penggunaan, wilayah, dan usia Anda.

Tidak ada data yang dibagikan kepada pihak ketiga

Tidak ada data yang dikumpulkan

Data dienkripsi saat transit