Logo
  • Documentation
  • Components
  • New Component Request
GitHub
GitHub
    Treon Studio
    Discord
    Twitter

    Welcome

    Introduction
    Components
    Contributors
    Installation
    Roadmap
    Status - Beta

    Components

    Author TooltipCalendar Event CardCode BlockComponent Preview TooltipChat ComposerEmail Compose CardFile DropzoneFile PreviewGitHub Stars ButtonGoal CardHolo CardKnowledge GraphLink PreviewiOS Message BubblesModel SelectorNavbar MenuNested MenuNotification CardPricing CardRaised ButtonSearch Results TabsSlash Command DropdownTodo ItemTwitter CardWeather CardWorkflow Card

    Form Inputs

    Async Select
    Button
    Button Group
    Checkbox
    Color Picker
    Combobox
    Hierarchical Select
    Input
    Input Base
    Input O T P
    Mask Input
    Multi Select
    Number Input
    Radio Card Group
    Radio Group
    Range Slider
    Search Input
    Segmented Button
    Select
    Slider
    Switch
    Tag Input
    Textarea
    Voice Input

    Layout

    Aspect Ratio
    Card
    Card Icons
    Card Input
    Collapsible
    Divider
    Grid
    Island
    Panel
    Portal
    Resizable
    Scroll Area
    Scroll Shadow
    Separator
    Spacer
    Visually Hidden
    Visually Hidden Input

    Navigation

    Breadcrumb
    Context Menu
    Dropdown Menu
    Menu
    Navbar
    Pagination
    Sidebar
    Steps
    Tab Navigation
    Tabs

    Feedback

    Alert
    Banner
    Callout
    Circular Progress
    Empty State
    Error Message
    Error Page
    Loader Inline
    Loader Screen
    Progress
    Progress Bar
    Skeleton
    Spinner
    Status Dot
    Toast
    Toaster
    Tooltip
    Top Banner
    Tour

    Data Display

    Advanced Table
    Badge
    Badge Overflow
    Data Table
    Description List
    Listbox
    Table
    Tag
    Timeline
    Tree
    Virtualized

    Overlays

    Alert Dialog
    Dialog
    Dialog Stack
    Drawer
    Hover Card
    Popover

    Charts

    Area Chart
    Bar Chart
    Bar List
    Category Bar
    Combo Chart
    Comparison
    Conditional Bar Chart
    Contribution Graph
    Radar Chart

    Calendars

    Attendance Calendar
    Calendar
    Date Picker
    Date Time Field
    Full Calendar
    Gantt
    Mini Calendar
    Schedule
    Schedule Grid
    Time Field

    Typography

    Code
    Code Block
    Control Help
    Control Label
    Field
    Heading
    Kbd
    Label
    Link
    Markdown
    Rich Text Editor
    Snippet
    Text

    Media

    Avatar
    Avatar Group
    Deck
    Document Preview
    File List
    File Upload
    Glimpse
    Image
    Image Crop
    Image Zoom
    Photo Gallery
    Profile Picture
    Q R Code
    Q R Scanner

    User

    Discussion
    Rating
    Testimonial
    User
    User Card

    Interactive

    Accordion
    Action Bar
    Command
    Copy Button
    Cursor
    Emoji Picker
    Fade
    Inline Edit
    Kanban
    Marquee
    Orbit
    Ripple
    Sortable

    Specialized

    App Header
    Bulk Grade Input
    Credit Card
    Footer
    Level Picker
    Notification Card
    Password Strength
    Payment Method
    Pricing Table
    Sandbox
    Stat Card
    Ticker
    Usage Card
    Wizard
    DocsBungasMedia

    Document Preview

    Document Preview component from @bungas/ui

    Made with ❤️ byTreon Studio.Source code available onGitHub

    On This Page

    • Installation
    • Usage
    • Props
    • Examples
    • Default
    • Related Components
    Website screenshot
    Meet Bungas
    Your open-source, proactive personal AI assistant with 200+ integrations. Bungas combines todos, goals, calendar, and email into one system, turns tasks into automated workflows, and completes work instead of just tracking it. Open-source and self-hostable with support for custom automations and multi-step workflows.

    Document Preview

    The DocumentPreview component from Bungas UI.

    Default
    Contoh Dokumen
    100%

    Judul Dokumen

    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

    Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.

    Sub Judul

    • Item pertama
    • Item kedua
    • Item ketiga
    Loading
    Memuat Dokumen
    100%

    Sedang menyiapkan dokumen...

    Error
    Dokumen Error
    100%

    Gagal memuat dokumen. Silakan coba lagi.

    Multi-Page
    Dokumen Multi-Halaman
    1 / 3
    100%

    Halaman 1

    Ini adalah konten halaman pertama dari dokumen multi-halaman.

    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

    A4 Landscape
    A4 Landscape
    100%

    Dokumen dengan ukuran kertas A4 landscape

    Without Toolbar

    Dokumen tanpa toolbar. Berguna untuk preview sederhana.

    RPPM Document
    RPPM Minggu 1RPPM
    100%

    TK NEGERI PEMBINA

    Jl. Pendidikan No. 123, Kota Bandung

    RENCANA PELAKSANAAN PEMBELAJARAN MINGGUAN (RPPM)

    Tahun Ajaran 2024/2025

    Semester/Minggu:I / Minggu ke-1
    Tema:Diriku
    Sub Tema:Tubuhku
    Kelompok:B (5-6 tahun)
    Hari/Tanggal:15-19 Juli 2024
    NoKompetensi DasarMateriKegiatan
    13.1 Mengenal kegiatan beribadah sehari-hariDoa sebelum dan sesudah kegiatanBerdoa bersama, hafalan doa pendek
    23.3 Mengenal anggota tubuh, fungsi, dan gerakannyaNama-nama anggota tubuh dan fungsinyaMenyanyi lagu anggota tubuh, menunjuk anggota tubuh
    34.3 Menggunakan anggota tubuh untuk pengembangan motorikGerakan motorik kasar dan halusSenam, melompat, menggunting, menempel

    Bandung, 12 Juli 2024

    Guru Kelas

    Siti Aminah, S.Pd

    NIP. 198501152010012001

    Rapor Document
    Rapor Ahmad FauzanRapor
    1 / 2
    100%

    TK NEGERI PEMBINA

    Jl. Pendidikan No. 123, Kota Bandung

    LAPORAN PERKEMBANGAN ANAK DIDIK

    Semester I Tahun Ajaran 2024/2025

    Nama Anak:Ahmad Fauzan
    NISN:1234567890
    Kelompok/Usia:B / 5 tahun
    Nama Orang Tua:Budi Santoso
    Alamat:Jl. Mawar No. 10, Bandung

    CAPAIAN PERKEMBANGAN

    NoAspek PerkembanganCapaianKeterangan
    1Nilai Agama & MoralBSBAnak mampu berdoa dengan mandiri dan lancar
    2Fisik MotorikBSHAnak dapat melakukan gerakan motorik kasar dan halus
    3KognitifBSHAnak mampu mengenal angka 1-10 dan berhitung
    4BahasaBSBAnak mampu bercerita dengan kalimat lengkap
    5Sosial EmosionalMBAnak masih perlu bimbingan dalam berbagi dengan teman
    6SeniBSHAnak mampu mewarnai dengan rapi
    Certificate
    Sertifikat KelulusanSertifikat
    100%

    SERTIFIKAT

    Nomor: 001/TK-NP/VII/2024

    Diberikan kepada:

    AHMAD FAUZAN

    Atas keberhasilannya menyelesaikan pendidikan di TK Negeri Pembina Kota Bandung Tahun Ajaran 2023/2024 dengan predikat SANGAT BAIK

    Mengetahui,

    Kepala Dinas Pendidikan

    Dr. H. Ahmad Hidayat, M.Pd

    NIP. 196512011990011001

    Bandung, 30 Juni 2024

    Kepala Sekolah

    Dra. Ratna Dewi, M.Pd

    NIP. 197203151995012001

      Installation

      npm install @bungas/ui
      Import
      import { DocumentPreview } from "@bungas/ui"

      Usage

      import { DocumentPreview } from "@bungas/ui"
       
      export function Example() {
        return <DocumentPreview />
      }

      Props

      Examples

      Default

      Default
      Contoh Dokumen
      100%

      Judul Dokumen

      Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

      Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.

      Sub Judul

      • Item pertama
      • Item kedua
      • Item ketiga
      Loading
      Memuat Dokumen
      100%

      Sedang menyiapkan dokumen...

      Error
      Dokumen Error
      100%

      Gagal memuat dokumen. Silakan coba lagi.

      Multi-Page
      Dokumen Multi-Halaman
      1 / 3
      100%

      Halaman 1

      Ini adalah konten halaman pertama dari dokumen multi-halaman.

      Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

      A4 Landscape
      A4 Landscape
      100%

      Dokumen dengan ukuran kertas A4 landscape

      Without Toolbar

      Dokumen tanpa toolbar. Berguna untuk preview sederhana.

      RPPM Document
      RPPM Minggu 1RPPM
      100%

      TK NEGERI PEMBINA

      Jl. Pendidikan No. 123, Kota Bandung

      RENCANA PELAKSANAAN PEMBELAJARAN MINGGUAN (RPPM)

      Tahun Ajaran 2024/2025

      Semester/Minggu:I / Minggu ke-1
      Tema:Diriku
      Sub Tema:Tubuhku
      Kelompok:B (5-6 tahun)
      Hari/Tanggal:15-19 Juli 2024
      NoKompetensi DasarMateriKegiatan
      13.1 Mengenal kegiatan beribadah sehari-hariDoa sebelum dan sesudah kegiatanBerdoa bersama, hafalan doa pendek
      23.3 Mengenal anggota tubuh, fungsi, dan gerakannyaNama-nama anggota tubuh dan fungsinyaMenyanyi lagu anggota tubuh, menunjuk anggota tubuh
      34.3 Menggunakan anggota tubuh untuk pengembangan motorikGerakan motorik kasar dan halusSenam, melompat, menggunting, menempel

      Bandung, 12 Juli 2024

      Guru Kelas

      Siti Aminah, S.Pd

      NIP. 198501152010012001

      Rapor Document
      Rapor Ahmad FauzanRapor
      1 / 2
      100%

      TK NEGERI PEMBINA

      Jl. Pendidikan No. 123, Kota Bandung

      LAPORAN PERKEMBANGAN ANAK DIDIK

      Semester I Tahun Ajaran 2024/2025

      Nama Anak:Ahmad Fauzan
      NISN:1234567890
      Kelompok/Usia:B / 5 tahun
      Nama Orang Tua:Budi Santoso
      Alamat:Jl. Mawar No. 10, Bandung

      CAPAIAN PERKEMBANGAN

      NoAspek PerkembanganCapaianKeterangan
      1Nilai Agama & MoralBSBAnak mampu berdoa dengan mandiri dan lancar
      2Fisik MotorikBSHAnak dapat melakukan gerakan motorik kasar dan halus
      3KognitifBSHAnak mampu mengenal angka 1-10 dan berhitung
      4BahasaBSBAnak mampu bercerita dengan kalimat lengkap
      5Sosial EmosionalMBAnak masih perlu bimbingan dalam berbagi dengan teman
      6SeniBSHAnak mampu mewarnai dengan rapi
      Certificate
      Sertifikat KelulusanSertifikat
      100%

      SERTIFIKAT

      Nomor: 001/TK-NP/VII/2024

      Diberikan kepada:

      AHMAD FAUZAN

      Atas keberhasilannya menyelesaikan pendidikan di TK Negeri Pembina Kota Bandung Tahun Ajaran 2023/2024 dengan predikat SANGAT BAIK

      Mengetahui,

      Kepala Dinas Pendidikan

      Dr. H. Ahmad Hidayat, M.Pd

      NIP. 196512011990011001

      Bandung, 30 Juni 2024

      Kepala Sekolah

      Dra. Ratna Dewi, M.Pd

      NIP. 197203151995012001

        Related Components

        • Avatar
        • AvatarGroup
        • Deck