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
Banner
Pita pemberitahuan di tepi atas atau bawah layar, dengan antrean, prioritas, dan penutupan otomatis.
Versi baru tersedia
Muat ulang halaman untuk memakai versi 1.4.0.
Perawatan terjadwal
Layanan akan dihentikan sementara Sabtu, 02.00–04.00 WIB.
Instalasi
pnpm dlx shadcn-vue@latest add https://kliping.pro/r/banner.jsonPenggunaan
vue
<script setup lang="ts">
import { Banner, BannerActions, BannerClose, BannerContent, BannerDescription, BannerIcon, Banners, BannerTitle } from '@/components/banner'
</script>Bagian
| Bagian | Berkas |
|---|---|
Banner | src/components/banner/Banner.vue |
BannerActions | src/components/banner/BannerActions.vue |
BannerClose | src/components/banner/BannerClose.vue |
BannerContent | src/components/banner/BannerContent.vue |
BannerDescription | src/components/banner/BannerDescription.vue |
BannerIcon | src/components/banner/BannerIcon.vue |
Banners | src/components/banner/Banners.vue |
BannerTitle | src/components/banner/BannerTitle.vue |
Asalnya
Ditulis ulang untuk Vue dari pustaka sumber terbuka berlisensi MIT, Copyright (c) 2024 Sadman Sakib. Rincian kewajiban lisensinya ada di halaman kredit.