gem.sh gem.sh
Home Gems Types Docs Community
  • Modules

    • module Playbook
    • module Playbook::ApplicationHelper
    • module Playbook::LayoutHelper
    • module Playbook::PbAvatar
    • module Playbook::PbBarGraph
    • module Playbook::PbBody
    • module Playbook::PbButton
    • module Playbook::PbCaption
    • module Playbook::PbCard
    • module Playbook::PbCurrency
    • module Playbook::PbDashboardValue
    • module Playbook::PbDate
    • module Playbook::PbDocHelper
    • module Playbook::PbIcon
    • module Playbook::PbIconCircle
    • module Playbook::PbIconValue
    • module Playbook::PbImage
    • module Playbook::PbInput
    • module Playbook::PbKit
    • module Playbook::PbKitHelper
    • module Playbook::PbLabelPill
    • module Playbook::PbLabelValue
    • module Playbook::PbLayout
    • module Playbook::PbLineGraph
    • module Playbook::PbList
    • module Playbook::PbMessage
    • module Playbook::PbOnlineStatus
    • module Playbook::PbOwner
    • module Playbook::PbOwnerPhone
    • module Playbook::PbPhone
    • module Playbook::PbPill
    • module Playbook::PbProgressSimple
    • module Playbook::PbSectionSeparator
    • module Playbook::PbSource
    • module Playbook::PbStarRating
    • module Playbook::PbStatChange
    • module Playbook::PbStatValue
    • module Playbook::PbTable
    • module Playbook::PbTime
    • module Playbook::PbTimestamp
    • module Playbook::PbTitle
    • module Playbook::PbTitleCount
    • module Playbook::PbTitleDetail
    • module Playbook::PbToggle
    • module Playbook::PbUser
    • module Playbook::PbUserBadge
    • module Playbook::PbVerticalNav
    • module Playbook::RedcarpetHelper
  • Classes

    • class KitGenerator
    • class Playbook::ApplicationController
    • class Playbook::Engine
    • class Playbook::GuidesController
    • class Playbook::HTML
    • class Playbook::HTMLBlockCode
    • class Playbook::PagesController
    • class Playbook::PbAvatar::Avatar
    • class Playbook::PbBarGraph::BarGraph
    • class Playbook::PbBody::Body
    • class Playbook::PbButton::Button
    • class Playbook::PbCaption::Caption
    • class Playbook::PbCard::Card
    • class Playbook::PbCard::CardBody
    • class Playbook::PbCurrency::Currency
    • class Playbook::PbDashboardValue::DashboardValue
    • class Playbook::PbDate::Date
    • class Playbook::PbIcon::Icon
    • class Playbook::PbIconCircle::IconCircle
    • class Playbook::PbIconValue::IconValue
    • class Playbook::PbImage::Image
    • class Playbook::PbInput::Input
    • class Playbook::PbKit::Base
    • class Playbook::PbLabelPill::LabelPill
    • class Playbook::PbLabelValue::LabelValue
    • class Playbook::PbLayout::Body
    • class Playbook::PbLayout::Layout
    • class Playbook::PbLayout::Sidebar
    • class Playbook::PbLineGraph::LineGraph
    • class Playbook::PbList::Item
    • class Playbook::PbList::List
    • class Playbook::PbMessage::Message
    • class Playbook::PbOnlineStatus::OnlineStatus
    • class Playbook::PbOwner::Owner
    • class Playbook::PbOwnerPhone::OwnerPhone
    • class Playbook::PbPhone::Phone
    • class Playbook::PbPill::Pill
    • class Playbook::PbProgressSimple::ProgressSimple
    • class Playbook::PbSectionSeparator::SectionSeparator
    • class Playbook::PbSource::Source
    • class Playbook::PbStarRating::StarRating
    • class Playbook::PbStatChange::StatChange
    • class Playbook::PbStatValue::StatValue
    • class Playbook::PbTable::Table
    • class Playbook::PbTime::Time
    • class Playbook::PbTimestamp::Timestamp
    • class Playbook::PbTitle::Title
    • class Playbook::PbTitleCount::TitleCount
    • class Playbook::PbTitleDetail::TitleDetail
    • class Playbook::PbToggle::Toggle
    • class Playbook::PbUser::User
    • class Playbook::PbUserBadge::UserBadge
    • class Playbook::PbVerticalNav::Item
    • class Playbook::PbVerticalNav::VerticalNav
    Overview
    H
    Home
    G
    Guides
    R
    Reference
    T
    Types
    C
    Changelogs
  • Documentation
    • README
  • Guides
  • More
    • Versions
    • Source
    • Playground
    • Stats
    • Metadata
    • Wiki
    • Announcements
    Community
    • Articles
    • Tutorials
    • Videos
    • Community
  1. Gems
  2. playbook_ui
  3. 2.8.8

playbook_ui

Playbook Design System. Built for Nitro, but powering all.

Types
Docs
Guides
Zeitwerk
Namespace
Optimized

Version

2.8.8

Authors

Power UX and Power Devs

Dependencies

method_source, rails, redcarpet, rouge, sassc-rails, slim-rails, sprockets-rails, webpacker, webpacker-react, better_errors, binding_of_caller, byebug, overcommit, pg, rainbow, rubocop, spring, spring-watcher-listen, tzinfo-data, uglifier, web-console

Quick Start

bundle add playbook_ui

Getting Started

Learn more about the Playbook_ui 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

Guides

app/views/playbook/guides/create_kit/_file_naming.html.md

Read about "File naming" in playbook_ui

Read more

app/views/playbook/guides/create_kit/_generator.html.md

Read about "Generator" in playbook_ui

Read more

app/views/playbook/guides/create_kit/_kit_examples.html.md

Read about "Kit examples" in playbook_ui

Read more

app/views/playbook/guides/create_kit/_kit_rails.html.md

Read about "Kit rails" in playbook_ui

Read more

Playground

Test, play and inspect the gem for yourself

irb(main):001:0>

            

Playground

Run a Ruby playground with the playbook_ui gem pre-installed

Play

Top-Level Modules

  • Playbook

Top-Level Classes

  • KitGenerator
Home
Gems
Docs
Contribute
Monitoring
Twitter GitHub Mastodon

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