Midwest Component Library v0.24.0
Debug info
Previews
Collapse all
Elements
Accordion
Default
Variants
With Icons
Nested
Playground
Autocomplete
Default
Async
Preselected
Single Select
With Support
Turbo Frame
Playground
Avatar
Default
Presence
Group
Playground
Badge
Default
Supporting Copy
Action Slot
Playground
Banner
Default
With Action
Countdown
Playground
Breadcrumb
Default
Current
Variants
Button
Playground
Breadcrumb Dropdown
Default
In Trail
Variants
Playground
Breadcrumbs
Default
Slots
Styles
Variants
Icon Separator
Playground
Button
Default
Playground
Fab
Badge Slot
Loading Form
Button Group
Default
Segmented
Sizes
Playground
Calendar Date
Default
Range
With Time
With Clock
Sizes
Inline Time
Vertical
States
Playground
Callout
Default
With Icon
Collapsible
Collapsible With Icon
Dark
With Actions
Card
Default
Flippable
Flipped
Horizontal
Horizontal Flippable
Carousel
Default
Pager
Multi Slide
Wizard
Autoplay
Loop
Fade
Playground
Chart
Default
Donut
With Title
Animated
Playground
Column
Bar
Column Negative
Column Playground
Line
Spline
Area
Currency Labels
Line Playground
Stacked Bar
Stacked Bar Percent
Stacked Area
Stacked Area Percent
Bubble
Trendline
Datetime
Series From
Sparkline
Checkbox
Default
Playground
Code Block
Default
Line Numbers
With Filename
Languages
Themes
Playground
Collection
Checkboxes
Radio Buttons
Card Checkboxes
Card Radio Buttons
Color Picker
Default
No Transparent
With Selection
Form Field
With Custom
With Custom Preselected
Playground
Command Palette
Default
With Icons
Turbo Frame
With Actions
Chat
Chat Agentic
Confirmation
Default
Custom Text
Button Attribute
Destructive
Device Frame
Default
All Devices
Colors
Landscape
Rich Content
Responsive
Playground
Dialog
Default
Panel
Remote
Dropdown
Default
Custom Button
Keyboard Navigation
Keyboard Navigation Nested
As Types
Alignment
Alignment Nested
Playground
Dropdown Item
Default
With Tooltip
With Confirmation
Playground
Empty State
Default
With Icon
With Action Model
Inline Variant
With Custom Body
Playground
Field Group
Default
Playground
File
Default
Dropzone
Focus Trap
Default
Inactive
Playground
Form Live Summary
Default
Show If And Tree View
With Repeatable
Grid
Fixed Columns
Fit
Vertical
Column Gap
Playground
Group
Default
Overflow
With Avatars
Overlap
Playground
Horizontal Scroll
Default
Tag List
No Shadows
Playground
Icon
Playground
Sizes
Decorative
Logo
Image
Default
With Lightbox
With Poster
No Zoom
Playground
Input
Default
Floating Label
Search
Addons
Counter
Password Caps Lock
Number Increments
Match Validation
Autoformat
Inline Validation
Intersection Observer
Default
Repeat
Playground
Label
Layout
Playground
Align
Height Fill
Live Region
Default
Visible
Assertive
Playground
Loading Icon
Default
Playground
Markdown
Default
Extensions
Code
Playground
Notification
Default
With Title
States
Countdown
Container
Playground
Onboarding
Default
Centered
Confirm On Exit
Playground
Pagination
Default
Playground
Arrows Only
Cursor Based
Pagy
Kaminari
Will Paginate
Panorama
Default
Auto Rotate
No Wrap
Video
Minimal
Playground
Password Requirements
Default
Custom Requirements
With Policy
With Form Builder
Inline
Anchored
Playground
Playlist
Default
With Artwork
Art View
Autoplay
Dark Mode
Playground
Popover
Default
Anchored
Placement
Playground
Progress Bar
Default
Sizes
States
Striped
Indeterminate
Circular
Playground
Prose
Default
Max Lines
Radio
Default
Playground
Range
Default
Playground
With Value Display
Disabled
Rating
Default
Readonly
Sizes
Custom Max
Playground
Repeatable
Default
Empty
With Limits
With Error
Select
Default
Grouped
Multiple
Disabled
Show If
Default
Checkbox
Inverted
Radio
Form Builder
Skeleton
Default
Lines
Avatar And Text
Card
Not Animated
Skip Link
Default
Custom Label
Playground
Social Preview
Default
Facebook
Twitter
Linkedin
Instagram
Tiktok
Youtube
With Images
With Link Preview
Playground
Song
Default
Playing
With Artwork
Full Details
Playground
Split Button
Default
Variants
Playground
Stat
Default
With Trend
With Icon
With Sparkline
Playground
Steps
Default
States
Link
Vertical
Playground
Switch
Default
Change Theme
Table
Default
Custom Cells
Sortable
Selectable
Sticky
Striped
Empty State
Loading
With Pagination
Turbo Frame
With Filters
With Infinite Scroll
With Toolbar
With Action Model
Clickable Rows
Clickable Rows With Presenter
With Presenter
Tabs
Default
Vertical
Split
Icon Only
Playground
Tag Input
Default
Preselected
Constrained
Paste Demo
Playground
Timeline
Activity Feed
Order Tracker
Pipeline
Alternating
Milestones
Thread
Playground
Tooltip
Default
Placements
All Placements
Delay
Playground
Tree View
Default
Selectable
Form Builder
Video
Default
Aspect Ratio
Captions
Playground
Form
Date Picker
Default
With Value
With Label
Min And Max
Disabled
Playground
Time Picker
Default
With Value
With Label
Min And Max
Step Thirty
Disabled
Playground
Patterns
Color System
Default
Full
Recoloring Illustrations
Recoloring Icons
Color Selector
Scale From Hex
Gradients
Deck
Form Builder
Default
Errors
Icon Cards
Headers
Default
Centered
Iconable
Breadcrumbs
Inheritance
Layouts
Page Overview
Page Overview With Avatar
App Sidebar Layout
Saas Dashboard
Settings Page
User Profile
First Run Empty
Onboarding Wizard
Article Reader
Team Directory
Alerts Inbox
Checkout Review
Media Gallery
Analytics Report
Error Not Found
Event Agenda
Billing Portal
Help Center Article
Product Marketplace
Metrics Dashboard
Faq Knowledge Base
Document Editor
Learning Course
Navigation
Fab Nav
Mobile Nav
No matching results.
Pages
Collapse all
Midwest Overview
Roadmap
MCP Server Plan
Changelog
v0.24.0
v0.23.4
v0.23.3
v0.23.2
v0.23.1
v0.23.0
v0.22.1
v0.22.0
v0.21.1
v0.21.0
v0.20.1
v0.20.0
v0.19.2
v0.19.1
v0.19.0
v0.18.0
v0.17.0
v0.16.1
v0.16.0
v0.15.1
v0.15.0
v0.14.3
v0.14.2
v0.14.1
v0.14.0
v0.13.1
v0.13.0
v0.12.1
v0.12.0
v0.11.0
v0.10.2
v0.10.1
v0.10.0
v0.9.0
v0.8.2
v0.8.1
v0.8.0
v0.7.0
v0.6.2
v0.6.1
v0.6.0
v0.5.5
v0.5.4
v0.5.3
v0.5.2
v0.5.0
v0.4.0
v0.3.1
v0.3.0
v0.2.2
v0.2.1
v0.2.0
Get Started
Install in Rails
Install in Eleventy
Install in Bridgetown
VS Code
Rails Features
Using Dialogs
Iconable
Autocomplete
Custom Color System
Notifications
Turbo Table
Table Presenter
Turbo Commands
Command Palette Builder
MCP Server
LLM Agent
Styles
Overview
Design Tokens
No matching results.
v0.6.2
Previous page
Next page
What Changed
Patch release with bug fixes.
See the
full changelog on GitHub
for commit-level detail.
Copy debug data
Reset local storage
Lookbook
v2.3.4
{ "version": "2.3.4", "env": "production", "config": { "project_name": "Midwest Component Library v0.24.0", "project_logo": null, "preview_collection_label": "Previews", "preview_nav_filter": true, "preview_paths": [ "test/components/previews", "/rails/demo/app/previews", "/rails/demo/app/previews" ], "preview_display_options": {}, "preview_controller": "PreviewController", "preview_template": "lookbook/previews/preview", "preview_inspector": { "main_panels": [ "preview", "output" ], "drawer_panels": [ "source", "notes", "params", "page_theme", "assets", "accessibility", "figma" ], "sidebar_panels": [ "previews", "pages" ] }, "preview_embeds": { "enabled": true, "policy": "SAMEORIGIN", "panels": false, "actions": [], "scenarios": [], "display_option_controls": true }, "preview_layout": null, "preview_disable_action_view_annotations": true, "preview_disable_action_view_partial_prefixes": true, "preview_type_default": "view_component", "preview_sort_scenarios": false, "preview_disable_error_handling": false, "page_collection_label": "Pages", "page_nav_filter": false, "page_controller": "Lookbook::PageController", "page_route": "pages", "page_paths": [ "test/components/docs", "/rails/demo/app/docs" ], "page_extensions": [ "html.*", "md.*" ], "page_options": {}, "markdown_options": { "tables": true, "fenced_code_blocks": true, "disable_indented_code_blocks": true, "strikethrough": true, "highlight": true, "with_toc_data": true, "lax_spacing": true }, "highlighter_options": { "theme": "github", "dark": false }, "component_paths": [ "app/views", "app/components", "/rails/app/components" ], "reload_on_change": false, "lazy_load_previews_and_pages": false, "live_updates": false, "listen_paths": [], "listen_extensions": [ "rb", "html.*" ], "autoload_previews": true, "ui_theme": "indigo", "ui_theme_overrides": {}, "ui_favicon": true, "log_level": 2, "log_use_rails_logger": true, "debug_menu": true, "links": { "docs": "https://v2.lookbook.build", "demo": "https://v2-demo.lookbook.build", "repo": "https://github.com/lookbook-hq/lookbook/tree/v2" }, "using_view_component": true, "show_stories": true, "preview_params_options_eval": true, "dependencies": { "actioncable": true, "listen": false, "view_component": true }, "panels": { "assets": { "label": "Assets", "hotkey": null, "disabled": false, "show": true, "copy": null, "locals": "#<Proc:0x00007785ab4fbfc0 /rails/lib/midwest/demo/engine.rb:50 (lambda)>", "partial": "lookbook/panels/assets", "name": "assets" }, "accessibility": { "label": "Accessibility tests", "hotkey": null, "disabled": false, "show": true, "copy": null, "locals": {}, "partial": "lookbook/panels/accessibility", "name": "accessibility" }, "page_theme": { "label": "Page Theme", "hotkey": null, "disabled": false, "show": true, "copy": null, "locals": {}, "partial": "lookbook/panels/page_theme", "name": "page_theme" }, "figma": { "label": "Figma", "hotkey": null, "disabled": false, "show": true, "copy": null, "locals": {}, "partial": "lookbook/panels/figma", "name": "figma" } }, "inputs": {}, "tags": { "status": { "name": "status", "label": "Status", "options": { "named_args": [ "current_status" ], "after_parse": null }, "system": false }, "figma": { "name": "figma", "label": "Figma", "options": { "named_args": [ "figma_url" ], "after_parse": null }, "system": false } } } }