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

  • Sizes
  • Weights
  • Colors
  • Text
  • Accent
  • Modifiers
  • Polymorphic
  • Truncate
  • Clamp
  • Align
  • Transform
  • Title
  • Line Height
  • Wrap
  • Monospace
  • Unordered List
  • Ordered List
  • Code
  • Codeblock
Question? Give us feedback → (opens in a new tab)Edit this page on GitHub
Documentation
Components
Text

Text

Display text using well-defined typographic styles.

Sizes

Weights

Colors

💡

The main difference between text and accent colors is that text colors are dynamic and will change depending on the theme. Accent colors are static and will always be the same.

Text

Accent

Modifiers

Polymorphic

Truncate

Clamp

Align

Transform

Title

Line Height

Wrap

Monospace

Unordered List

Ordered List

Code

Codeblock

TabsTextarea
  • 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.