Bagian
Utilitas
Lainnya
Komponen
- Accordion
- Action Bar
- Alert
- Alert Dialog
- Angle Slider
- Aspect Ratio
- Attachment
- Avatar
- Avatar Group
- Badge
- Badge Overflow
- Banner
- Breadcrumb
- Bubble
- Button
- Button Group
- Calendar
- Card
- Carousel
- Chart
- Checkbox
- Checkbox Group
- Circular Progress
- Client Only
- Collapsible
- Color Picker
- Color Swatch
- Combobox
- Combobox Lanjutan
- Command
- Compare Slider
- Composition
- Context Menu
- Cropper
- Data Grid
- Data Table
- Data Table Lanjutan
- Date Picker
- Dialog
- Direction Provider
- Drawer
- Dropdown Menu
- Editable
- Empty
- Field
- File Upload
- Form
- FPS
- Gauge
- Hitbox
- Hover Card
- Input
- Input Group
- Input OTP
- Item
- Kanban
- Kbd
- Kbd Lanjutan
- Key Value
- Label
- Listbox
- Marker
- Marquee
- Mask Input
- Masonry
- Media Player
- Mention
- Menubar
- Message
- Message Scroller
- Native Select
- Navigation Menu
- Number Field
- Pagination
- Pending
- Phone Input
- Pin Input
- Popover
- Portal
- Presence
- Progress
- QR Code
- Questionnaire
- Radio Group
- Range Calendar
- Rating
- Relative Time Card
- Resizable
- Responsive Dialog
- Scroll Area
- Scroll Spy
- Scroller
- Segmented Input
- Select
- Selection Toolbar
- Separator
- Sheet
- Sidebar
- Skeleton
- Slider
- Sonner
- Sortable
- Speed Dial
- Spinner
- Stack
- Stat
- Status
- Stepper
- Stepper Lanjutan
- Swap
- Switch
- Table
- Tabs
- Tags Input
- Tags Input Lanjutan
- Textarea
- Time Picker
- Timeline
- Toast
- Toggle
- Toggle Group
- Tooltip
- Tour
- Typography
- Visually Hidden
- Visually Hidden Input
Badge Overflow
Deretan lencana yang mengukur ruang yang tersedia lalu menampilkan sebanyak yang muat saja, sisanya diringkas jadi satu penanda.
Vue
TypeScript
Vite
Tailwind CSS
VitePress
Reka UI
Vitest
Playwright
Cloudflare Pages
Shiki
+99
Vue
TypeScript
Vite
Vue
TypeScript
Vite
Tailwind CSS
VitePress
Reka UI
Vitest
Playwright
Cloudflare Pages
Shiki
+99 lagi
Vue
TypeScript
Vite
Tailwind CSS
VitePress
Instalasi
pnpm dlx shadcn-vue@latest add https://kliping.pro/r/badge-overflow.jsonPenggunaan
vue
<script setup lang="ts">
import { BadgeOverflow } from '@/components/badge-overflow'
</script>Bagian
| Bagian | Berkas |
|---|---|
BadgeOverflow | src/components/badge-overflow/BadgeOverflow.vue |
Asalnya
Ditulis ulang untuk Vue dari pustaka sumber terbuka berlisensi MIT, Copyright (c) 2024 Sadman Sakib. Rincian kewajiban lisensinya ada di halaman kredit.