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 beta sort
    • Advanced table beta subrow headers
    • Advanced table collapsible trail
    • Advanced table collapsible trail rails
    • Advanced table column border color
    • Advanced table column border color rails
    • Advanced table column headers
    • Advanced table column headers multiple
    • Advanced table column visibility
    • Advanced table column visibility custom
    • Advanced table column visibility multi
    • Advanced table column visibility with state
    • Advanced table custom cell
    • Advanced table custom cell rails
    • Advanced table default
    • Advanced table expand by depth
    • Advanced table expanded control
    • Advanced table fullscreen
    • Advanced table inline editing
    • Advanced table inline row loading
    • Advanced table loading rails
    • Advanced table loading react
    • Advanced table pagination
    • Advanced table pagination with props
    • Advanced table responsive
    • Advanced table selectable rows
    • Advanced table selectable rows actions
    • Advanced table selectable rows header
    • Advanced table selectable rows no subrows rails
    • Advanced table selectable rows no subrows react
    • Advanced table selectable rows rails
    • Advanced table sort
    • Advanced table sort control
    • Advanced table sticky columns
    • Advanced table sticky columns and header
    • Advanced table sticky header
    • Advanced table sticky header rails
    • Advanced table subrow headers
    • Advanced table table options
    • Advanced table table props rails
    • Advanced table table props react
    • Advanced table table props sticky header rails
    • Advanced table table props sticky header react
    • Avatar badge component overlay
    • Avatar circle icon component overlay
    • Avatar default swift
    • Avatar monogram
    • Avatar monogram swift
    • Avatar no image
    • Avatar props swift
    • Avatar status
    • Description
    • Footer
    • Background category
    • Background image
    • Background overlay
    • 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 custom rails
    • Bar graph legend position
    • Bar graph pb styles
    • 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
    • Checkbox react hook
    • Description
    • Circle chart colors
    • Circle chart custom tooltip
    • Circle chart legend position
    • Circle chart pb styles
    • Circle icon button link
    • Circle icon button size
    • Description
    • Footer
    • Collapsible color
    • Collapsible colors swift
    • Collapsible custom main
    • Collapsible custom main rails
    • Collapsible custom main with icon
    • Collapsible custom main with icon rails
    • 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
    • Copy button from
    • Copy button hook
    • Copy button hook rails
    • Currency alignment swift
    • Currency comma separator
    • Currency null display rails
    • Currency null display react
    • 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 default date
    • Date picker quick pick rails
    • Date picker quick pick range limit
    • Date picker quick pick react
    • Date picker range pattern
    • Date picker range pattern rails
    • Date picker time
    • Date picker turbo frames rails
    • Date picker week
    • Date picker year range
    • Description
    • Date range inline default swift
    • Date range inline props swift
    • Description
    • Date range stacked default swift
    • Date range stacked props swift
    • Date stacked bold swift
    • Date stacked default swift
    • Date stacked not current year swift
    • Date stacked props swift
    • Date stacked reversed swift
    • Description
    • Footer
    • Date time alignment swift
    • Date time default swift
    • Date time props swift
    • Date time size swift
    • Description
    • Date time stacked default swift
    • Date time stacked props swift
    • 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 loading
    • Dialog props swift
    • Dialog scrollable
    • Dialog separators
    • Dialog should close on overlay
    • Dialog sizes swift
    • Dialog stacked alert
    • Dialog status
    • Dialog status swift
    • Dialog turbo frames rails
    • Description
    • Distribution bar custom colors
    • Draggable default rails
    • Draggable default react
    • Draggable drop zones colors rails
    • Draggable drop zones colors react
    • Draggable drop zones line rails
    • Draggable drop zones line react
    • Draggable drop zones rails
    • Draggable drop zones react
    • Draggable event listeners rails
    • Draggable event listeners react
    • Draggable multiple containers rails
    • Draggable multiple containers react
    • Draggable with cards rails
    • Draggable with cards react
    • Draggable with list rails
    • Draggable with list react
    • Draggable with selectable list rails
    • Draggable with selectable list react
    • Draggable with table rails
    • Draggable with table react
    • Drawer menu
    • Drawer overlay
    • Dropdown clear selection
    • Dropdown default
    • Dropdown subcomponent structure
    • Dropdown subcomponent structure rails
    • Dropdown subtle variant
    • Dropdown with autocomplete
    • Dropdown with autocomplete with subcomponents
    • Dropdown with custom display
    • Dropdown with custom display rails
    • Dropdown with custom options
    • Dropdown with custom options rails
    • Dropdown with custom padding
    • Dropdown with custom trigger
    • Dropdown with custom trigger rails
    • Dropdown with external control
    • Dropdown with label
    • Dropdown with search
    • Dropdown with search rails
    • Description
    • File upload custom
    • File upload custom description
    • Description
    • Filter default
    • Filter max width
    • Filter no background
    • Filter no sort
    • Filter placement
    • Filter popover props rails
    • Filter popover props react
    • Filter within turbo frames
    • Description
    • Fixed confirmation toast auto close rails
    • Fixed confirmation toast auto close react
    • Fixed confirmation toast children
    • Fixed confirmation toast children swift
    • Fixed confirmation toast close swift
    • Fixed confirmation toast default swift
    • Fixed confirmation toast dismiss with timer swift
    • Fixed confirmation toast multi line
    • Fixed confirmation toast multi line swift
    • Fixed confirmation toast positions swift
    • Fixed confirmation toast props swift
    • 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 loading
    • Form form with validate
    • Form group full width
    • Form pill colors
    • Form pill example
    • Form pill truncated text rails
    • Form pill truncated text react
    • Form pill wrapped
    • Gauge colors
    • Gauge complex
    • Gauge min max
    • Gauge pb styles
    • 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 formatting rails
    • Home address street formatting react
    • 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 color
    • 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 bracket
    • 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
    • Line graph pb styles
    • 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 color rails
    • Multi level select color react
    • Multi level select default
    • Multi level select disabled options
    • Multi level select disabled options default
    • Multi level select disabled options parent
    • Multi level select disabled options parent default
    • Multi level select react hook
    • Multi level select reset
    • 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
    • Multi level select with children
    • Multi level select with children with radios
    • 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 no icon rails
    • Collapsible nav no icon react
    • 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
    • Tab nav
    • With img nav
    • Description
    • Overlay color
    • Overlay default
    • Overlay fullscreen background
    • Overlay fullscreen opacity
    • Overlay gradient opacity
    • Overlay hide scroll bar rails
    • Overlay hide scroll bar react
    • Overlay layout
    • Overlay multi directional
    • Overlay toggle
    • Overlay vertical dynamic multi directional
    • Overlay vertical dynamic multi directional react
    • Pagination default rails
    • Pagination default react
    • Pagination page change react
    • 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 country search
    • Phone number input default
    • Phone number input format
    • Phone number input hidden inputs
    • 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 append to
    • Popover list
    • Description
    • Progress pills default
    • Progress pills full width rails
    • Progress pills full width react
    • Description
    • Footer
    • Progress simple flex
    • Progress simple variants
    • Description
    • Description
    • Footer
    • Radio alignment swift
    • Radio custom children
    • Radio custom swift
    • Radio default swift
    • Radio error
    • Radio error swift
    • Radio orientation swift
    • Radio padding swift
    • Radio props swift
    • Radio react hook
    • 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 color
    • Section separator dashed swift
    • Section separator line swift
    • Section separator props swift
    • Section separator text swift
    • Section separator vertical
    • Section separator vertical swift
    • Description
    • Footer
    • Select attributes
    • Select default swift
    • Select error
    • Select error swift
    • Select multiple
    • Select props table
    • Select react hook
    • Description
    • Footer
    • Selectable card block
    • Selectable card default
    • Selectable card image
    • Selectable card input
    • Selectable card single select
    • Selectable card icon custom
    • Description
    • Skeleton loading border radius rails
    • Skeleton loading border radius react
    • Skeleton loading color
    • Skeleton loading height width rails
    • Skeleton loading height width react
    • Skeleton loading layout
    • Description
    • Description
    • Description
    • Stat change unit two
    • Description
    • Footer
    • Stat value default
    • Stat value precision
    • Description
    • Table action middle
    • Table alignment column
    • Table alignment column rails
    • Table alignment row
    • Table alignment row rails
    • Table alignment shift data
    • Table alignment shift data rails
    • Table alignment shift row
    • Table alignment shift row rails
    • Table data table
    • Table header
    • Table icon buttons
    • Table lg
    • Table md
    • Table one action
    • Table outer padding
    • Table side highlight
    • Table sm
    • Table sticky
    • Table sticky columns rails
    • Table sticky columns react
    • Table sticky left columns rails
    • Table sticky left columns react
    • Table sticky right columns rails
    • Table sticky right columns react
    • Table striped
    • Table two actions
    • Table two plus actions
    • Table with clickable rows
    • Table with collapsible rails
    • Table with collapsible react
    • Table with collapsible with custom click rails
    • Table with collapsible with custom click react
    • Table with collapsible with custom content
    • Table with collapsible with custom content rails
    • Table with collapsible with nested rows
    • Table with collapsible with nested rows rails
    • Table with collapsible with nested table
    • Table with collapsible with nested table rails
    • Table with header style borderless rails
    • Table with header style borderless react
    • Table with header style floating rails
    • Table with header style floating react
    • Table with selectable rows
    • 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 mask rails
    • Text input props swift
    • Text input sanitize
    • Description
    • Footer
    • Textarea default swift
    • Textarea error
    • Textarea error swift
    • Textarea props swift
    • Description
    • Footer
    • Time default
    • Time timezone
    • Time unstyled
    • Description
    • Timeline with children
    • Timeline with date
    • Timeline with gap
    • 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 display size
    • 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 delay rails
    • Tooltip icon
    • Tooltip interaction
    • Tooltip margin
    • Tooltip selectors
    • Tooltip show tooltip
    • Tooltip show tooltip react
    • Tooltip sizing
    • Description
    • Treemap chart colors
    • Treemap chart default
    • Treemap chart drillable
    • Treemap chart grouped data
    • Treemap chart tooltip
    • Description
    • Footer
    • Typeahead dynamic options
    • Typeahead dynamic options pure rails
    • Typeahead error state
    • Typeahead react hook
    • Typeahead truncated text
    • Typeahead with pills
    • Typeahead with pills async
    • Typeahead with pills async custom options
    • Typeahead with pills async users
    • Typeahead with pills color rails
    • Typeahead with pills color react
    • Typeahead without pills
    • Description
    • Footer
    • User block content subtitle rails
    • User block content subtitle react
    • User font options rails
    • User font options react
    • User horizontal swift
    • User light weight
    • 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. 14.19.0.pre.alpha.PLAY2172homeaddressstreetundefinedstatebug7716

playbook_ui_docs

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

Types
Docs
Guides
Zeitwerk
Namespace
Optimized

Version

14.19.0.pre.alpha.PLAY2172homeaddressstreetundefinedstatebug7716

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_beta.md

Read about "Advanced table beta" in playbook_ui_docs

Read more

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

Read about "Advanced table beta sort" in playbook_ui_docs

Read more

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

Read about "Advanced table beta subrow headers" in playbook_ui_docs

Read more

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

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