v0.7.0 — Carousels, Wizards, Slides, and Live Form Summaries

- - Default
  - Variants
  - With Icons
  - Nested
  - Playground
- - Default
  - Async
  - Preselected
  - Single Select
  - With Support
  - Turbo Frame
  - Playground
- - Default
  - Presence
  - Group
  - Playground
- - Default
  - Supporting Copy
  - Action Slot
  - Playground
- - Default
  - With Action
  - Countdown
  - Playground
- - Default
  - Current
  - Variants
  - Button
  - Playground
- - Default
  - In Trail
  - Variants
  - Playground
- - Default
  - Slots
  - Styles
  - Variants
  - Icon Separator
  - Playground
- - Default
  - Playground
  - Fab
  - Badge Slot
  - Loading Form
- - Default
  - Segmented
  - Sizes
  - Playground
- - Default
  - Range
  - With Time
  - With Clock
  - Sizes
  - Inline Time
  - Vertical
  - States
  - Playground
- - Default
  - With Icon
  - Collapsible
  - Collapsible With Icon
  - Dark
  - With Actions
- - Default
  - Flippable
  - Flipped
  - Horizontal
  - Horizontal Flippable
- - Default
  - Pager
  - Multi Slide
  - Wizard
  - Autoplay
  - Loop
  - Fade
  - Playground
- - 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
- - Default
  - Playground
- - Default
  - Line Numbers
  - With Filename
  - Languages
  - Themes
  - Playground
- - Checkboxes
  - Radio Buttons
  - Card Checkboxes
  - Card Radio Buttons
- - Default
  - No Transparent
  - With Selection
  - Form Field
  - With Custom
  - With Custom Preselected
  - Playground
- - Default
  - With Icons
  - Turbo Frame
  - With Actions
  - Chat
  - Chat Agentic
- - Default
  - Custom Text
  - Button Attribute
  - Destructive
- - Default
  - All Devices
  - Colors
  - Landscape
  - Rich Content
  - Responsive
  - Playground
- - Default
  - Panel
  - Remote
- - Default
  - Custom Button
  - Keyboard Navigation
  - Keyboard Navigation Nested
  - As Types
  - Alignment
  - Alignment Nested
  - Playground
- - Default
  - With Tooltip
  - With Confirmation
  - Playground
- - Default
  - With Icon
  - With Action Model
  - Inline Variant
  - With Custom Body
  - Playground
- - Default
  - Playground
- - Default
  - Dropzone
- - Default
  - Inactive
  - Playground
- - Default
  - Show If And Tree View
  - With Repeatable
- - Fixed Columns
  - Fit
  - Vertical
  - Column Gap
  - Playground
- - Default
  - Overflow
  - With Avatars
  - Overlap
  - Playground
- - Default
  - Tag List
  - No Shadows
  - Playground
- - Playground
  - Sizes
  - Decorative
  - Logo
- - Default
  - With Lightbox
  - With Poster
  - No Zoom
  - Playground
- - Default
  - Floating Label
  - Search
  - Addons
  - Counter
  - Password Caps Lock
  - Number Increments
  - Match Validation
  - Autoformat
  - Inline Validation
- - Default
  - Repeat
  - Playground
- Label
- - Playground
  - Align
  - Height Fill
- - Default
  - Visible
  - Assertive
  - Playground
- - Default
  - Playground
- - Default
  - Extensions
  - Code
  - Playground
- - Default
  - With Title
  - States
  - Countdown
  - Container
  - Playground
- - Default
  - Centered
  - Confirm On Exit
  - Playground
- - Default
  - Playground
  - Arrows Only
  - Cursor Based
  - Pagy
  - Kaminari
  - Will Paginate
- - Default
  - Auto Rotate
  - No Wrap
  - Video
  - Minimal
  - Playground
- - Default
  - Custom Requirements
  - With Policy
  - With Form Builder
  - Inline
  - Anchored
  - Playground
- - Default
  - With Artwork
  - Art View
  - Autoplay
  - Dark Mode
  - Playground
- - Default
  - Anchored
  - Placement
  - Playground
- - Default
  - Sizes
  - States
  - Striped
  - Indeterminate
  - Circular
  - Playground
- - Default
  - Max Lines
- - Default
  - Playground
- - Default
  - Playground
  - With Value Display
  - Disabled
- - Default
  - Readonly
  - Sizes
  - Custom Max
  - Playground
- - Default
  - Empty
  - With Limits
  - With Error
- - Default
  - Grouped
  - Multiple
  - Disabled
- - Default
  - Checkbox
  - Inverted
  - Radio
  - Form Builder
- - Default
  - Lines
  - Avatar And Text
  - Card
  - Not Animated
- - Default
  - Custom Label
  - Playground
- - Default
  - Facebook
  - Twitter
  - Linkedin
  - Instagram
  - Tiktok
  - Youtube
  - With Images
  - With Link Preview
  - Playground
- - Default
  - Playing
  - With Artwork
  - Full Details
  - Playground
- - Default
  - Variants
  - Playground
- - Default
  - With Trend
  - With Icon
  - With Sparkline
  - Playground
- - Default
  - States
  - Link
  - Vertical
  - Playground
- - Default
  - Change Theme
- - 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
- - Default
  - Vertical
  - Split
  - Icon Only
  - Playground
- - Default
  - Preselected
  - Constrained
  - Paste Demo
  - Playground
- - Activity Feed
  - Order Tracker
  - Pipeline
  - Alternating
  - Milestones
  - Thread
  - Playground
- - Default
  - Placements
  - All Placements
  - Delay
  - Playground
- - Default
  - Selectable
  - Form Builder
- - Default
  - Aspect Ratio
  - Captions
  - Playground
- - Default
  - With Value
  - With Label
  - Min And Max
  - Disabled
  - Playground
- - Default
  - With Value
  - With Label
  - Min And Max
  - Step Thirty
  - Disabled
  - Playground

No matching results.

Midwest Overview
Roadmap
MCP Server Plan
- 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
- Overview
- Design Tokens

No matching results.

What's New

This release introduced carousel/wizard/slide navigation and live form summary components.

See the full changelog on GitHub for commit-level detail.

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 } } } }