DocumentationDocumentationBlogBlogShowcaseShowcase
GitHubGitHub (opens in a new tab)DiscordDiscord (opens in a new tab)
  • Introduction
  • Installation
  • Theming
  • Styling
  • Playground
  • Brands
  • Figma
  • Frameworks
    • Create React App
    • React Native
    • Next.js (App Router)
    • Next.js (Pages Router)
    • Gatsby
  • Components
    • Avatar
    • Badge
    • Button
    • Calendar
    • Checkbox
    • Collapse
    • Combobox
    • Drawer
    • Dropdown
    • Entity
    • Error
    • Fieldset
    • Footer
    • Grid
    • Highlight
    • Icon
    • Image
    • Input
    • Link
    • Modal
    • Menu
    • Note
    • Progress
    • Scroller
    • Select
    • Skeleton
    • Snippet
    • Spacer
    • Spinner
    • Switch
    • Tabs
    • Text
    • Textarea
    • Toast
    • Toggle
    • Tooltip
  • Hooks
    • useBreakpoint
    • useCheckbox
    • useClickAnyWhere
    • useClickAway
    • useClipboard
    • useCombobox
    • useCurrentState
    • useDOMObserver
    • useKeyboard
    • useMediaQuery
    • useModal
    • usePortal
    • usePrevious
    • useRect
    • useResize
    • useSSR
    • useTheme
    • useToasts
    • useWarning
  • API Reference (opens in a new tab)
  • Roadmap (opens in a new tab)
  • Contributing
  • Acknowledgements

On This Page

  • Default
  • Variants
  • Sizes
Question? Give us feedback → (opens in a new tab)Edit this page on GitHub
Documentation
Components
Badge

Badge

Display an indicator that requires attention.

Default

Variants

Sizes

AvatarButton
  • Ticketing
  • Order Kiosk
  • Agency
  • Social
  • Jobs
  • Artists
  • Promoters
  • Suppliers
  • Venues
  • Developers
  • Help Center
  • Community
  • Design
  • Status
  • Comparison
  • About
  • News
  • Careers
  • Contact Us
  • onRuntime Studio
  • Open Source
  • Partners
  • Privacy
  • Terms
  • Company Details
© 2023 Tonight Pass. All rights reserved.