gem.sh gem.sh
Home Gems Types Docs Community

No result found

We couldn’t find anything with the term "". Please try a different term.

    Overview
    H
    Home
    R
    Reference
    T
    Types
    C
    Changelogs
  • Documentation
    • README
    • Avatar no image
    • Avatar status
    • Avatar swift
    • Description
    • Footer
    • Background category
    • Background image
    • Background size
    • Background status
    • Background status subtle
    • Description
    • Badge colors swift
    • Badge default swift
    • Badge notification swift
    • Badge props swift
    • Badge rounded swift
    • Description
    • Bar graph colors
    • Bar graph legend position
    • Bar graph spline
    • Description
    • Body articles
    • Body light
    • Body styled
    • Description
    • Footer
    • Description
    • Button block content
    • Button default
    • Button full width
    • Button icon options
    • Button link
    • Button loading
    • Button reaction
    • Button size
    • Footer
    • Description
    • Caption colors
    • Description
    • Footer
    • Card background
    • Card border none
    • Card border radius
    • Card header
    • Card highlight
    • Card light
    • Description
    • Circle chart colors
    • Circle chart custom tooltip
    • Circle chart legend position
    • Description
    • Footer
    • Collapsible color
    • Collapsible icons
    • Collapsible size
    • Collapsible state
    • Description
    • Description
    • Description
    • Date timezone
    • Date unstyled
    • Description
    • Date picker allow input
    • Date picker default date
    • Date picker format
    • Date picker hooks
    • Date picker input
    • Date picker label
    • Date picker month and year
    • Date picker on change
    • Date picker on close
    • Date picker positions
    • Date picker quick pick rails
    • Date picker quick pick range limit
    • Date picker quick pick react
    • Date picker time
    • Date picker week
    • Date picker year range
    • Description
    • Description
    • Description
    • Footer
    • Description
    • Date year stacked default
    • Description
    • Footer
    • Description
    • Detail bold
    • Detail colors
    • Dialog compound components
    • Dialog default
    • Dialog full height
    • Dialog full height placement
    • Dialog scrollable
    • Dialog separators
    • Dialog should close on overlay
    • Dialog stacked alert
    • Dialog status
    • Description
    • Distribution bar custom colors
    • Description
    • File upload custom
    • File upload custom description
    • Description
    • Filter max width
    • Filter no background
    • Filter no sort
    • Filter placement
    • Description
    • Fixed confirmation toast auto close
    • Fixed confirmation toast children
    • Fixed confirmation toast multi line
    • Description
    • Flex align
    • Flex default
    • Flex gap
    • Flex inline
    • Flex item
    • Flex item align self
    • Flex item example
    • Flex justify
    • Flex reverse
    • Flex spacing
    • Flex wrap
    • Description
    • Footer
    • Form form with validate
    • Form group full width
    • Form pill example
    • Gauge colors
    • Gauge complex
    • Gauge min max
    • Gauge sizing
    • Description
    • Footer
    • Hashtag link
    • Description
    • Footer
    • Description
    • Footer
    • Home address street default
    • Home address street emphasis
    • Home address street link
    • Description
    • Footer
    • Icon animate
    • Icon custom
    • Icon fa kit
    • Icon pull
    • Description
    • Footer
    • Icon circle color
    • Icon circle emoji
    • Description
    • Description
    • Transition image
    • Description
    • Footer
    • Label pill default
    • Description
    • Footer
    • Label value default
    • Label value details
    • Description
    • Layout collection
    • Layout collection detail
    • Description
    • Footer
    • Legend colors
    • Legend custom colors
    • Description
    • Lightbox compound component
    • Lightbox current photo
    • Lightbox custom header
    • Lightbox default
    • Lightbox multiple
    • Description
    • Line graph colors
    • Line graph legend position
    • Description
    • Description
    • Map default
    • Map with custom button
    • Map with plugin
    • Description
    • Footer
    • Message default
    • Message mentions
    • Multi level select default
    • Multi level select return all selected
    • Multi level select selected ids
    • Description
    • Multiple users size
    • Description
    • Collapsible nav
    • Collapsible nav custom
    • Collapsible nav item spacing
    • Collapsible nav with all options
    • Description
    • Nav with font control
    • Nav with spacing control
    • With img nav
    • Description
    • Pagination default
    • Passphrase breached
    • Passphrase common
    • Passphrase input props
    • Passphrase meter settings
    • Passphrase strength change
    • Passphrase tips
    • Description
    • Footer
    • Person default
    • Description
    • Footer
    • Phone number input access input element
    • Phone number input clear field
    • Phone number input default
    • Phone number input initial country
    • Phone number input only countries
    • Phone number input preferred countries
    • Description
    • Pill default swift
    • Pill example
    • Pill props swift
    • Pill variants swift
    • Description
    • Popover list
    • Description
    • Description
    • Footer
    • Progress simple variants
    • Description
    • Description
    • Footer
    • Radio alignment swift
    • Radio custom swift
    • Radio default swift
    • Radio error
    • Radio error swift
    • Radio orientation swift
    • Radio padding swift
    • Radio props swift
    • Radio spacing swift
    • Radio subtitle swift
    • Description
    • Rich text editor advanced default
    • Rich text editor more extensions
    • Description
    • Footer
    • Section separator children
    • Description
    • Footer
    • Select attributes
    • Select error
    • Select multiple
    • Description
    • Footer
    • Selectable card block
    • Selectable card default
    • Selectable card image
    • Selectable card input
    • Selectable card single select
    • Selectable card icon custom
    • Description
    • Description
    • Description
    • Stat change unit two
    • Description
    • Footer
    • Stat value default
    • Stat value precision
    • Description
    • Table action middle
    • Table alignment column
    • Table alignment row
    • Table alignment shift data
    • Table data table
    • Table header
    • Table icon buttons
    • Table lg
    • Table md
    • Table one action
    • Table side highlight
    • Table sm
    • Table sticky
    • Table two actions
    • Table two plus actions
    • Description
    • Footer
    • Text input error
    • Description
    • Footer
    • Textarea error
    • Description
    • Footer
    • Time default
    • Time timezone
    • Time unstyled
    • Description
    • Timeline with date
    • Description
    • Footer
    • Time stamp default
    • Timestamp align swift
    • Timestamp default swift
    • Timestamp elapsed swift
    • Timestamp props swift
    • Timestamp timezones swift
    • Timestamp unstyled
    • Timestamp updated swift
    • Description
    • Title colors
    • Title default
    • Title light weight
    • Title responsive
    • Description
    • Footer
    • Title count default
    • Description
    • Footer
    • Title detail default
    • Description
    • Footer
    • Tooltip default react
    • Tooltip delay
    • Tooltip icon
    • Tooltip interaction
    • Tooltip margin
    • Tooltip selectors
    • Description
    • Treemap chart colors
    • Treemap chart default
    • Treemap chart drillable
    • Treemap chart grouped data
    • Treemap chart tooltip
    • Description
    • Footer
    • Typeahead error state
    • Typeahead with pills
    • Typeahead with pills async
    • Typeahead with pills async custom options
    • Typeahead with pills async users
    • Typeahead without pills
    • Description
    • Footer
    • User block content subtitle rails
    • User block content subtitle react
    • Description
    • Footer
    • User badge default
  • More
    • Versions
    • Source
    • Playground
    • Stats
    • Metadata
    • Wiki
    • Announcements
    Community
    • Articles
    • Tutorials
    • Videos
    • Community
  1. Gems
  2. playbook_ui_docs
  3. 13.5.0.pre.alpha.play984collapsiblekithidestooltips1203

playbook_ui_docs

Display all the components from Playbook UI inside your own system.

Types
Docs
Guides
Zeitwerk
Namespace
Optimized

Version

13.5.0.pre.alpha.play984collapsiblekithidestooltips1203

Authors

Power UX and Power Devs

Dependencies

playbook_ui

Quick Start

bundle add playbook_ui_docs

Getting Started

Learn more about the Playbook_ui_docs gem.

Installation

Learn more about how to install and configure the gem

Documentation

Learn more about the details

Guides

Learn more about the gem in the written guides

Reference

Learn more about the classes and modules

Documentation

app/pb_kits/playbook/pb_avatar/docs/_avatar_monogram.md

Read about "Avatar monogram" in playbook_ui_docs

Read more

app/pb_kits/playbook/pb_avatar/docs/_avatar_no_image.md

Read about "Avatar no image" in playbook_ui_docs

Read more

app/pb_kits/playbook/pb_avatar/docs/_avatar_status.md

Read about "Avatar status" in playbook_ui_docs

Read more

app/pb_kits/playbook/pb_avatar/docs/_avatar_swift.md

Read about "Avatar swift" in playbook_ui_docs

Read more

Playground

Test, play and inspect the gem for yourself

irb(main):001:0>

            

Playground

Run a Ruby playground with the playbook_ui_docs gem pre-installed

Play

Home
Gems
Docs
Contribute
Monitoring
Twitter GitHub Mastodon

© 2025 gem.sh - Beautiful documentation for any Ruby gem