Logo
avatar
Ninfa Monaldo

Web Developer

  • Dashboard
  • dashboardnew
    • Ecommerce
    • Project
  • apps
    • Calendar
    • Profile Page
      • Profile
      • Setting
    • Projects Page
      • Projects
      • Projects Details
    • To-Do
    • Team
    • Api
    • Ticket
      • Ticket
      • Ticket Details
    • Emails Page
      • Email
      • Read Email
    • E-shop
      • Cart
      • Product
      • Add Product
      • Product-Details
      • Product list
      • Orders
      • Orders Details
      • Orders List
      • Checkout
      • Wishlist
    • Invoice
    • Chat
    • File Manager
    • Bookmark
    • kanban board
    • Timeline
    • FAQ
    • Pricing
    • Gallery
    • Blog Page
      • Blog
      • Blog Details
      • Add Blog
  • Widgets
  • Component
  • Ui Kits
    • Alert
    • Badges
    • Buttons
    • Cards
    • Dropdown
    • Grid
    • Avatar
    • Tabs
    • Accordions
    • Progress
    • Notifications
    • Lists
    • Helper Classes
    • Background
    • Divider
    • Ribbons
    • Editor
    • Collapse
    • Shadow
    • Wrapper
    • Bullet
    • Placeholder
    • Alignment Things
  • Advanced UI12+
    • Modals
    • OffCanvas Toggle
    • Sweet Alert
    • Scrollbar
    • Spinners
    • Animation
    • Video Embed
    • Tour
    • Slider
    • Bootstrap Slider
    • Scrollpy
    • Tooltip & Popovers
    • Rating
    • Prismjs
    • Count Down
    • Count Up
    • Draggable
  • Icons
    • Fontawesome
    • Flag
    • Tabler
    • Weather
    • Animated
    • Iconoir
    • Phosphor
  • Misc
  • Map & Charts
  • Map & Charts
    • Google Maps
    • Leaflet map
  • Chart
    • Chart js
    • Apexcharts
      • Line
      • Area
      • Column
      • Bar
      • Mixed
      • Timeline & Range-Bars
      • Candlestick
      • Boxplot
      • Bubble
      • Scatter
      • Heatmap
      • Treemap
      • Pie
      • Radial bar
      • Radar
  • Table & forms
  • Table
    • Basic Table
    • Data Table
    • List Js
    • Advance Table
  • Forms elements
    • Form Validation
    • Base Input
    • Checkbox & Radio
    • Input Groups
    • Input Masks
    • Floating Labels
    • Datetimepicker
    • Touch spin
    • Select2
    • Switch
    • Range Slider
    • Typeahead
    • Textarea
    • Clipboard
    • File Upload
    • Dual List Boxes
    • Default Forms
  • Ready to use4
    • Form Wizards
    • Form Wizards 1
    • Form Wizards 2
    • Ready To Use Form
    • Ready To Use Tables
  • Pages
  • Auth Pages
    • Sign In
    • Sign In with Bg-image
    • Sign Up
    • Sign Up with Bg-image
    • Password Reset
    • Password Reset with Bg-image
    • Password Create
    • Password Create with Bg-image
    • Lock Screen
    • Lock Screen with Bg-image
    • Two Step Verification
    • Two Step Verification with Bg-image
  • Error pages
    • Bad Request
    • Forbidden
    • Not Found
    • Internal Server Error
    • Service Unavailable
  • Other pages
    • Blank
    • Maintenance
    • Landing Pages
    • Coming Soon
    • Sitemap
    • Privacy Policy
    • Terms & Conditions
  • Others
  • 2 level
    • Blank
    • Another level
      • Blank
  • Document
  • Support

Bullet

  • Ui Kits
  • Bullet
Diamond Bullet
  • Primary Bullet
  • Secondary Bullet
  • Success Bullet
  • Danger Bullet
  • Warning Bullet
  • Info Bullet
  • Light Bullet
  • Dark Bullet

<ul>
  <li className="diamond diamond-bullet-primary">Primary Bullet</li>
  <li className="diamond diamond-bullet-secondary">Secondary Bullet</li>
  <li className="diamond diamond-bullet-success">Success Bullet</li>
  <li className="diamond diamond-bullet-danger">Danger Bullet</li>
  <li className="diamond diamond-bullet-warning">Warning Bullet</li>
  <li className="diamond diamond-bullet-info">Info Bullet</li>
  <li className="diamond diamond-bullet-light">Light Bullet</li>
  <li className="diamond diamond-bullet-dark">Dark Bullet</li>
</ul>
Heart Bullet
  • Primary Bullet
  • Secondary Bullet
  • Success Bullet
  • Danger Bullet
  • Warning Bullet
  • Info Bullet
  • Light Bullet
  • Dark Bullet

<ul>
  <li className="heart heart-bullet-primary">Primary Bullet</li>
  <li className="heart heart-bullet-secondary">Secondary Bullet</li>
  <li className="heart heart-bullet-success">Success Bullet</li>
  <li className="heart heart-bullet-danger">Danger Bullet</li>
  <li className="heart heart-bullet-warning">Warning Bullet</li>
  <li className="heart heart-bullet-info">Info Bullet</li>
  <li className="heart heart-bullet-light">Light Bullet</li>
  <li className="heart heart-bullet-dark">Dark Bullet</li>
</ul>
Burst Bullet
  • Primary Bullet
  • Secondary Bullet
  • Success Bullet
  • Danger Bullet
  • Warning Bullet
  • Info Bullet
  • Light Bullet
  • Dark Bullet

<ul>
  <li className="burst burst-bullet-primary">Primary Bullet</li>
  <li className="burst burst-bullet-secondary">Secondary Bullet</li>
  <li className="burst burst-bullet-success">Success Bullet</li>
  <li className="burst burst-bullet-danger">Danger Bullet</li>
  <li className="burst burst-bullet-warning">Warning Bullet</li>
  <li className="burst burst-bullet-info">Info Bullet</li>
  <li className="burst burst-bullet-light">Light Bullet</li>
  <li className="burst burst-bullet-dark">Dark Bullet</li>
</ul>
Star Bullet
  • Primary Bullet
  • Secondary Bullet
  • Success Bullet
  • Danger Bullet
  • Warning Bullet
  • Info Bullet
  • Light Bullet
  • Dark Bullet

<ul>
  <li><IconNorthStar size={20} className="text-primary me-2" /> Primary Bullet</li>
  <li><IconNorthStar size={20} className="text-secondary me-2" /> Secondary Bullet</li>
  <li><IconNorthStar size={20} className="text-success me-2" /> Success Bullet</li>
  <li><IconNorthStar size={20} className="text-danger me-2" /> Danger Bullet</li>
  <li><IconNorthStar size={20} className="text-warning me-2" /> Warning Bullet</li>
  <li><IconNorthStar size={20} className="text-info me-2" /> Info Bullet</li>
  <li><IconNorthStar size={20} className="text-light me-2" /> Light Bullet</li>
  <li><IconNorthStar size={20} className="text-dark me-2" /> Dark Bullet</li>
</ul>
Right Arrow Bullet
  • Primary Bullet
  • Secondary Bullet
  • Success Bullet
  • Danger Bullet
  • Warning Bullet
  • Info Bullet
  • Light Bullet
  • Dark Bullet

<ul>
  <li className="right-arrow"><IconArrowBigRightLineFilled size={22} className="text-primary me-2" /> Primary Bullet</li>
  <li className="right-arrow"><IconArrowBigRightLineFilled size={22} className="text-secondary me-2" /> Secondary Bullet</li>
  <li className="right-arrow"><IconArrowBigRightLineFilled size={22} className="text-success me-2" /> Success Bullet</li>
  <li className="right-arrow"><IconArrowBigRightLineFilled size={22} className="text-danger me-2" /> Danger Bullet</li>
  <li className="right-arrow"><IconArrowBigRightLineFilled size={22} className="text-warning me-2" /> Warning Bullet</li>
  <li className="right-arrow"><IconArrowBigRightLineFilled size={22} className="text-info me-2" /> Info Bullet</li>
  <li className="right-arrow"><IconArrowBigRightLineFilled size={22} className="text-light me-2" /> Light Bullet</li>
  <li className="right-arrow"><IconArrowBigRightLineFilled size={22} className="text-dark me-2" /> Dark Bullet</li>
</ul>
Line Bullet
  • Primary Bullet
  • Secondary Bullet
  • Success Bullet
  • Danger Bullet
  • Warning Bullet
  • Info Bullet
  • Light Bullet
  • Dark Bullet

<ul>
  <li className="line line-bullet-primary">Primary Bullet</li>
  <li className="line line-bullet-secondary">Secondary Bullet</li>
  <li className="line line-bullet-success">Success Bullet</li>
  <li className="line line-bullet-danger">Danger Bullet</li>
  <li className="line line-bullet-warning">Warning Bullet</li>
  <li className="line line-bullet-info">Info Bullet</li>
  <li className="line line-bullet-light">Light Bullet</li>
  <li className="line line-bullet-dark">Dark Bullet</li>
</ul>
Arrow Bullet
  • Primary Bullet
  • Secondary Bullet
  • Success Bullet
  • Danger Bullet
  • Warning Bullet
  • Info Bullet
  • Light Bullet
  • Dark Bullet

<ul>
  <li className="arrow arrow-bullet-primary">Primary Bullet</li>
  <li className="arrow arrow-bullet-secondary">Secondary Bullet</li>
  <li className="arrow arrow-bullet-success">Success Bullet</li>
  <li className="arrow arrow-bullet-danger">Danger Bullet</li>
  <li className="arrow arrow-bullet-warning">Warning Bullet</li>
  <li className="arrow arrow-bullet-info">Info Bullet</li>
  <li className="arrow arrow-bullet-light">Light Bullet</li>
  <li className="arrow arrow-bullet-dark">Dark Bullet</li>
</ul>
Corner Arrow Bullet
  • Primary Bullet
  • Secondary Bullet
  • Success Bullet
  • Danger Bullet
  • Warning Bullet
  • Info Bullet
  • Light Bullet
  • Dark Bullet

<ul>
  <li className="corner-arrow corner-arrow-bullet-primary"><IconCornerDownRightDouble size={22} className="text-primary me-2" /> Primary Bullet</li>
  <li className="corner-arrow corner-arrow-bullet-secondary"><IconCornerDownRightDouble size={22} className="text-secondary me-2" /> Secondary Bullet</li>
  <li className="corner-arrow corner-arrow-bullet-success"><IconCornerDownRightDouble size={22} className="text-success me-2" /> Success Bullet</li>
  <li className="corner-arrow corner-arrow-bullet-danger"><IconCornerDownRightDouble size={22} className="text-danger me-2" /> Danger Bullet</li>
  <li className="corner-arrow corner-arrow-bullet-warning"><IconCornerDownRightDouble size={22} className="text-warning me-2" /> Warning Bullet</li>
  <li className="corner-arrow corner-arrow-bullet-info"><IconCornerDownRightDouble size={22} className="text-info me-2" /> Info Bullet</li>
  <li className="corner-arrow corner-arrow-bullet-light"><IconCornerDownRightDouble size={22} className="text-light me-2" /> Light Bullet</li>
  <li className="corner-arrow corner-arrow-bullet-dark"><IconCornerDownRightDouble size={22} className="text-dark me-2" /> Dark Bullet</li>
</ul>
Circle Bullet
  • Primary Bullet
  • Secondary Bullet
  • Success Bullet
  • Danger Bullet
  • Warning Bullet
  • Info Bullet
  • Light Bullet
  • Dark Bullet

<ul>
  <li className="circle circle-bullet-primary">Primary Bullet</li>
  <li className="circle circle-bullet-secondary">Secondary Bullet</li>
  <li className="circle circle-bullet-success">Success Bullet</li>
  <li className="circle circle-bullet-danger">Danger Bullet</li>
  <li className="circle circle-bullet-warning">Warning Bullet</li>
  <li className="circle circle-bullet-info">Info Bullet</li>
  <li className="circle circle-bullet-light">Light Bullet</li>
  <li className="circle circle-bullet-dark">Dark Bullet</li>
</ul>
Triangle Bullet
  • Primary Bullet
  • Secondary Bullet
  • Success Bullet
  • Danger Bullet
  • Warning Bullet
  • Info Bullet
  • Light Bullet
  • Dark Bullet

<ul>
  <li className="triangle triangle-bullet-primary">Primary Bullet</li>
  <li className="triangle triangle-bullet-secondary">Secondary Bullet</li>
  <li className="triangle triangle-bullet-success">Success Bullet</li>
  <li className="triangle triangle-bullet-danger">Danger Bullet</li>
  <li className="triangle triangle-bullet-warning">Warning Bullet</li>
  <li className="triangle triangle-bullet-info">Info Bullet</li>
  <li className="triangle triangle-bullet-light">Light Bullet</li>
  <li className="triangle triangle-bullet-dark">Dark Bullet</li>
</ul>
Square Bullet
  • Primary Bullet
  • Secondary Bullet
  • Success Bullet
  • Danger Bullet
  • Warning Bullet
  • Info Bullet
  • Light Bullet
  • Dark Bullet

<ul>
  <li className="square square-bullet-primary">Primary Bullet</li>
  <li className="square square-bullet-secondary">Secondary Bullet</li>
  <li className="square square-bullet-success">Success Bullet</li>
  <li className="square square-bullet-danger">Danger Bullet</li>
  <li className="square square-bullet-warning">Warning Bullet</li>
  <li className="square square-bullet-info">Info Bullet</li>
  <li className="square square-bullet-light">Light Bullet</li>
  <li className="square square-bullet-dark">Dark Bullet</li>
</ul>
Plus Bullet
  • Primary Bullet
  • Secondary Bullet
  • Success Bullet
  • Danger Bullet
  • Warning Bullet
  • Info Bullet
  • Light Bullet
  • Dark Bullet

<ul>  
  <li className="plus plus-bullet-primary">Primary Bullet</li>
  <li className="plus plus-bullet-secondary">Secondary Bullet</li>
  <li className="plus plus-bullet-success">Success Bullet</li>
  <li className="plus plus-bullet-danger">Danger Bullet</li>
  <li className="plus plus-bullet-warning">Warning Bullet</li>
  <li className="plus plus-bullet-info">Info Bullet</li>
  <li className="plus plus-bullet-light">Light Bullet</li>
  <li className="plus plus-bullet-dark">Dark Bullet</li>
</ul>

© 2025 ki-admin. All rights reserved 💖 V1.0.0

Need Help