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
    • Advanced table default
    • Advanced table expanded control
    • Advanced table inline row loading
    • Advanced table loading
    • Advanced table sort
    • Advanced table sort control
    • Advanced table subrow headers
    • Advanced table table options
    • Advanced table table props
    • Description
    • Avatar default swift
    • Avatar monogram
    • Avatar monogram swift
    • Avatar no image
    • Avatar props swift
    • Avatar status
    • 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 custom
    • Bar graph legend position
    • Bar graph secondary y axis
    • Bar graph spline
    • Bar graph stacked
    • Description
    • Body articles
    • Body light
    • Body styled
    • Body truncate
    • Description
    • Footer
    • Description
    • Button block content
    • Button circle swift
    • Button default
    • Button default swift
    • Button full width
    • Button full width swift
    • Button icon options
    • Button icon options swift
    • Button link
    • Button loading
    • Button props swift
    • Button reaction
    • Button reaction swift
    • Button size
    • Button size swift
    • Footer
    • Description
    • Caption colors
    • Description
    • Footer
    • Card background
    • Card background swift
    • Card border none
    • Card border none swift
    • Card border radius
    • Card border radius swift
    • Card header
    • Card header swift
    • Card highlight
    • Card highlight swift
    • Card light
    • Card light swift
    • Card padding swift
    • Card props swift
    • Card selected swift
    • Card separator swift
    • Card shadow swift
    • Card styles swift
    • Card tag swift
    • Checkbox default swift
    • Checkbox error swift
    • Checkbox indeterminate swift
    • Checkbox props swift
    • Description
    • Circle chart colors
    • Circle chart custom tooltip
    • Circle chart legend position
    • Description
    • Footer
    • Collapsible color
    • Collapsible colors swift
    • Collapsible default swift
    • Collapsible external controls
    • Collapsible external controls multiple
    • Collapsible icons
    • Collapsible props table
    • Collapsible size
    • Collapsible sizes swift
    • Collapsible state
    • Contact default swift
    • Contact props swift
    • Contact with detail swift
    • Description
    • Currency alignment swift
    • Currency props swift
    • Currency size swift
    • Currency unstyled
    • Description
    • Description
    • Date alignment swift
    • Date default swift
    • Date props swift
    • Date timezone
    • Date unstyled
    • Date unstyled swift
    • Date variants swift
    • 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 custom
    • Date picker quick pick custom override
    • 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
    • Date range stacked default swift
    • Date range stacked props swift
    • Description
    • Footer
    • Description
    • Date year stacked default
    • Description
    • Footer
    • Description
    • Detail bold
    • Detail colors
    • Dialog compound components
    • Dialog default
    • Dialog default swift
    • Dialog full height
    • Dialog full height placement
    • Dialog props swift
    • Dialog scrollable
    • Dialog separators
    • Dialog should close on overlay
    • Dialog sizes swift
    • Dialog stacked alert
    • Dialog status
    • Dialog status swift
    • Description
    • Distribution bar custom colors
    • Dropdown default
    • Dropdown with autocomplete
    • Dropdown with autocomplete and custom display
    • Dropdown with custom display
    • Dropdown with custom options
    • Dropdown with custom padding
    • Dropdown with custom trigger
    • Dropdown with label
    • Description
    • File upload custom
    • File upload custom description
    • Description
    • Filter default
    • 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 default swift
    • Home address street emphasis
    • Home address street emphasis swift
    • Home address street link
    • Home address street link swift
    • Home address street modified swift
    • Home address street props swift
    • Description
    • Footer
    • Icon animate
    • Icon border swift
    • Icon custom
    • Icon default swift
    • Icon fa kit
    • Icon flip swift
    • Icon props swift
    • Icon pull
    • Icon rotate swift
    • Icon sizes swift
    • Description
    • Footer
    • Icon circle color
    • Icon circle color props
    • Icon circle color swift
    • Icon circle defaul swift
    • Icon circle emoji
    • Icon circle sizes swift
    • Description
    • Description
    • Image props swift
    • Rounded image swift
    • Size image swift
    • Size none image swift
    • Transition image
    • Description
    • Footer
    • Label pill default
    • Description
    • Footer
    • Label value default
    • Label value default swift
    • Label value details
    • Label value details examples swift
    • Label value details swift
    • Label value props swift
    • 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 default swift
    • Message mentions
    • Message props swift
    • Multi level select default
    • Multi level select return all selected
    • Multi level select selected ids
    • Multi level select selected ids react
    • Multi level select single
    • Multi level select single children only
    • Description
    • Multiple users default swift
    • Multiple users props swift
    • Multiple users reverse swift
    • Multiple users size
    • Multiple users size swift
    • Description
    • Multiple users stacked default swift
    • Multiple users stacked props swift
    • Multiple users stacked small swift
    • Multiple users stacked xsmall swift
    • Collapsible nav
    • Collapsible nav custom
    • Collapsible nav item spacing
    • Collapsible nav with all options
    • Description
    • Nav horizontal bold swift
    • Nav horizontal default swift
    • Nav horizontal subtle no highlight swift
    • Nav horizontal subtle swift
    • Nav props swift
    • Nav vertical bold swift
    • Nav vertical default swift
    • Nav vertical subtle no highlight swift
    • Nav vertical subtle swift
    • 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
    • Person default swift
    • Person props swift
    • 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
    • Rich text editor toolbar disabled
    • Description
    • Footer
    • Section separator children
    • Section separator children swift
    • Section separator dashed swift
    • Section separator line swift
    • Section separator props swift
    • Section separator text swift
    • Section separator vertical swift
    • Description
    • Footer
    • Select attributes
    • Select default swift
    • Select error
    • Select error swift
    • Select multiple
    • Select props table
    • 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 striped
    • Table two actions
    • Table two plus actions
    • Table with subcomponents
    • Table with subcomponents as divs
    • Table with subcomponents rails
    • Description
    • Footer
    • Text input add on swift
    • Text input default swift
    • Text input disabled swift
    • Text input error
    • Text input error swift
    • Text input props swift
    • Description
    • Footer
    • Textarea default swift
    • Textarea error
    • Textarea error swift
    • Textarea props swift
    • 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
    • Title truncate
    • Description
    • Footer
    • Title count default
    • Description
    • Footer
    • Title detail default
    • Description
    • Footer
    • Toggle default swift
    • Toggle name swift
    • Toggle props swift
    • Tooltip default react
    • Tooltip delay
    • Tooltip icon
    • Tooltip interaction
    • Tooltip margin
    • Tooltip selectors
    • Tooltip show tooltip
    • Tooltip show tooltip react
    • 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
    • User horizontal swift
    • User presence indicator swift
    • User props table
    • User size swift
    • User text only swift
    • User vertical size swift
    • 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.25.0.pre.alpha.PBNTR272Dropdownkitv42769

playbook_ui_docs

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

Types
Docs
Guides
Zeitwerk
Namespace
Optimized

Version

13.25.0.pre.alpha.PBNTR272Dropdownkitv42769

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_advanced_table/docs/_advanced_table_collapsible_trail.md

Read about "Advanced table collapsible trail" in playbook_ui_docs

Read more

app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_default.md

Read about "Advanced table default" in playbook_ui_docs

Read more

app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_expanded_control.md

Read about "Advanced table expanded control" in playbook_ui_docs

Read more

app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_inline_row_loading.md

Read about "Advanced table inline row loading" 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