LoopOS UI v1.1.48.1

Copy debug data
Reset local storage

Lookbook v2.3.13

{ "version": "2.3.13", "env": "development", "config": { "project_name": "LoopOS UI v1.1.48.1\n", "project_logo": "<svg width=\"481\" height=\"164\" viewBox=\"0 0 481 164\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n <g clip-path=\"url(#clip0_866_99)\">\n <path d=\"M157.51 110.89V40.8899H165.91V103.29H201.31V110.89H157.51Z\" fill=\"white\"/>\n <path d=\"M225.91 112.29C220.98 112.29 216.63 111.25 212.86 109.19C209.09 107.12 206.16 104.21 204.06 100.44C201.96 96.6701 200.91 92.2201 200.91 87.0901V85.7901C200.91 80.7201 201.96 76.2901 204.06 72.4901C206.16 68.6901 209.09 65.7601 212.86 63.6901C216.63 61.6201 220.98 60.5901 225.91 60.5901C230.84 60.5901 235.19 61.6201 238.96 63.6901C242.73 65.7601 245.66 68.6901 247.76 72.4901C249.86 76.2901 250.91 80.7201 250.91 85.7901V87.0901C250.91 92.2201 249.86 96.6701 247.76 100.44C245.66 104.21 242.73 107.12 238.96 109.19C235.2 111.25 230.84 112.29 225.91 112.29ZM225.91 105.19C231.11 105.19 235.26 103.54 238.36 100.24C241.46 96.9401 243.01 92.4901 243.01 86.8901V85.9901C243.01 80.3901 241.46 75.9401 238.36 72.6401C235.26 69.3401 231.11 67.6901 225.91 67.6901C220.78 67.6901 216.64 69.3401 213.51 72.6401C210.38 75.9401 208.81 80.3901 208.81 85.9901V86.8901C208.81 92.4901 210.38 96.9401 213.51 100.24C216.64 103.54 220.78 105.19 225.91 105.19Z\" fill=\"white\"/>\n <path d=\"M279.51 112.29C274.58 112.29 270.23 111.25 266.46 109.19C262.69 107.13 259.76 104.21 257.66 100.44C255.56 96.6701 254.51 92.2201 254.51 87.0901V85.7901C254.51 80.7201 255.56 76.2901 257.66 72.4901C259.76 68.6901 262.69 65.7601 266.46 63.6901C270.23 61.6201 274.58 60.5901 279.51 60.5901C284.44 60.5901 288.79 61.6201 292.56 63.6901C296.33 65.7601 299.26 68.6901 301.36 72.4901C303.46 76.2901 304.51 80.7201 304.51 85.7901V87.0901C304.51 92.2201 303.46 96.6701 301.36 100.44C299.26 104.21 296.33 107.12 292.56 109.19C288.79 111.26 284.45 112.29 279.51 112.29ZM279.51 105.19C284.71 105.19 288.86 103.54 291.96 100.24C295.06 96.9401 296.61 92.4901 296.61 86.8901V85.9901C296.61 80.3901 295.06 75.9401 291.96 72.6401C288.86 69.3401 284.71 67.6901 279.51 67.6901C274.38 67.6901 270.24 69.3401 267.11 72.6401C263.98 75.9401 262.41 80.3901 262.41 85.9901V86.8901C262.41 92.4901 263.98 96.9401 267.11 100.24C270.25 103.54 274.38 105.19 279.51 105.19Z\" fill=\"white\"/>\n <path d=\"M307.81 130.89V61.9901H315.51V70.0901H316.91C318.18 67.6201 320.23 65.4201 323.06 63.4901C325.89 61.5601 329.84 60.5901 334.91 60.5901C339.11 60.5901 342.96 61.6101 346.46 63.6401C349.96 65.6701 352.76 68.5601 354.86 72.2901C356.96 76.0201 358.01 80.5201 358.01 85.7901V87.0901C358.01 92.2901 356.98 96.7901 354.91 100.59C352.84 104.39 350.06 107.29 346.56 109.29C343.06 111.29 339.18 112.29 334.91 112.29C331.51 112.29 328.63 111.84 326.26 110.94C323.89 110.04 321.98 108.89 320.51 107.49C319.04 106.09 317.91 104.66 317.11 103.19H315.71V130.89H307.81ZM332.82 105.29C337.89 105.29 342 103.67 345.17 100.44C348.34 97.2101 349.92 92.6901 349.92 86.8901V85.9901C349.92 80.1901 348.34 75.6701 345.17 72.4401C342 69.2101 337.89 67.5901 332.82 67.5901C327.82 67.5901 323.7 69.2101 320.47 72.4401C317.24 75.6701 315.62 80.1901 315.62 85.9901V86.8901C315.62 92.6901 317.24 97.2101 320.47 100.44C323.7 103.67 327.82 105.29 332.82 105.29Z\" fill=\"white\"/>\n <path d=\"M392.02 112.29C383.42 112.29 376.58 109.87 371.52 105.04C366.45 100.21 363.92 93.22 363.92 84.09V67.69C363.92 58.56 366.45 51.57 371.52 46.74C376.59 41.91 383.42 39.49 392.02 39.49C400.62 39.49 407.47 41.91 412.57 46.74C417.67 51.57 420.22 58.56 420.22 67.69V84.09C420.22 93.22 417.67 100.21 412.57 105.04C407.47 109.87 400.62 112.29 392.02 112.29ZM392.02 102.59C397.55 102.59 401.82 100.97 404.82 97.74C407.82 94.51 409.32 90.09 409.32 84.49V67.29C409.32 61.69 407.82 57.27 404.82 54.04C401.82 50.81 397.55 49.19 392.02 49.19C386.62 49.19 382.39 50.81 379.32 54.04C376.25 57.27 374.72 61.69 374.72 67.29V84.49C374.72 90.09 376.25 94.51 379.32 97.74C382.38 100.97 386.62 102.59 392.02 102.59Z\" fill=\"white\"/>\n <path d=\"M451.32 112.29C446.05 112.29 441.38 111.36 437.32 109.49C433.25 107.62 430.07 104.87 427.77 101.24C425.47 97.61 424.32 93.19 424.32 87.99V85.49H435.02V87.99C435.02 92.92 436.5 96.62 439.47 99.09C442.44 101.56 446.39 102.79 451.32 102.79C456.32 102.79 460.09 101.74 462.62 99.64C465.15 97.54 466.42 94.82 466.42 91.49C466.42 89.29 465.82 87.49 464.62 86.09C463.42 84.69 461.72 83.57 459.52 82.74C457.32 81.91 454.69 81.12 451.62 80.39L447.92 79.49C443.45 78.42 439.57 77.11 436.27 75.54C432.97 73.97 430.42 71.89 428.62 69.29C426.82 66.69 425.92 63.36 425.92 59.29C425.92 55.16 426.94 51.62 428.97 48.69C431 45.76 433.82 43.49 437.42 41.89C441.02 40.29 445.25 39.49 450.12 39.49C454.99 39.49 459.34 40.32 463.17 41.99C467 43.66 470.02 46.12 472.22 49.39C474.42 52.66 475.52 56.76 475.52 61.69V65.29H464.82V61.69C464.82 58.69 464.2 56.26 462.97 54.39C461.74 52.52 460.02 51.16 457.82 50.29C455.62 49.42 453.05 48.99 450.12 48.99C445.85 48.99 442.54 49.87 440.17 51.64C437.8 53.41 436.62 55.86 436.62 58.99C436.62 61.12 437.14 62.87 438.17 64.24C439.2 65.61 440.72 66.73 442.72 67.59C444.72 68.46 447.22 69.22 450.22 69.89L453.92 70.79C458.45 71.79 462.45 73.07 465.92 74.64C469.39 76.21 472.12 78.32 474.12 80.99C476.12 83.66 477.12 87.09 477.12 91.29C477.12 95.49 476.07 99.16 473.97 102.29C471.87 105.42 468.89 107.87 465.02 109.64C461.15 111.4 456.58 112.29 451.32 112.29Z\" fill=\"white\"/>\n <path d=\"M15.89 81.8801C3.85999 69.8501 3.85999 50.3601 15.89 38.3301L37.66 16.5601C37.66 16.5601 59.43 -5.20992 81.21 16.5601C103.05 38.4001 81.21 60.1101 81.21 60.1101L37.66 103.66L15.89 81.8801ZM81.22 60.1001L37.67 103.65C37.67 103.65 15.83 125.35 37.67 147.2C59.44 168.97 81.22 147.2 81.22 147.2L103 125.42C115.02 113.4 115.02 93.9001 103 81.8801L81.22 60.1001Z\" stroke=\"url(#paint0_linear_866_99)\" stroke-width=\"13.7506\" stroke-miterlimit=\"10\"/>\n </g>\n <defs>\n <linearGradient id=\"paint0_linear_866_99\" x1=\"59.4436\" y1=\"163.751\" x2=\"59.4436\" y2=\"7.72099e-05\" gradientUnits=\"userSpaceOnUse\">\n <stop stop-color=\"white\"/>\n <stop offset=\"0.692708\" stop-color=\"white\" stop-opacity=\"0.5\"/>\n <stop offset=\"1\" stop-opacity=\"0\"/>\n </linearGradient>\n <clipPath id=\"clip0_866_99\">\n <rect width=\"480.62\" height=\"163.75\" fill=\"white\"/>\n </clipPath>\n </defs>\n</svg>\n", "preview_collection_label": "Previews", "preview_nav_filter": true, "preview_paths": [ "test/components/previews", "/project/test/components/previews", "/project/test/components/previews" ], "preview_display_options": { "app_kind": [ "core", "manager", "hubs", "validation", "handling" ], "locale": [ "en", "pt", "es", "de", "fr", "nl" ] }, "preview_controller": "LookbookPreviewController", "preview_template": "lookbook/previews/preview", "preview_inspector": { "main_panels": [ "preview", "output" ], "drawer_panels": [ "usage_documentation", "source", "notes", "params", "documentation" ], "sidebar_panels": [ "previews", "pages" ] }, "preview_embeds": { "enabled": true, "policy": "SAMEORIGIN", "panels": false, "actions": [], "scenarios": [], "display_option_controls": true }, "preview_layout": "loopos_ui/lookbook_preview", "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, "preview_single_pass_rendering": false, "page_collection_label": "Pages", "page_nav_filter": false, "page_controller": "Lookbook::PageController", "page_route": "pages", "page_paths": [ "/project/test/components/pages" ], "page_extensions": [ "html.*", "md.*" ], "page_options": {}, "markdown_options": { "tables": true, "fenced_code_blocks": true, "disable_indented_code_blocks": true, "strikethrough": true, "highlight": true, "lax_spacing": true }, "highlighter_options": { "theme": "github", "dark": false }, "component_paths": [ "/project/app/components/loopos_ui", "app/components" ], "reload_on_change": true, "lazy_load_previews_and_pages": false, "live_updates": true, "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, "dependencies": { "actioncable": true, "listen": true, "view_component": true }, "panels": { "usage_documentation": { "label": "Info", "hotkey": null, "disabled": false, "show": true, "copy": null, "locals": "#<Proc:0x00007619d5ba4400 /project/test/dummy/config/initializers/lookbook.rb:26 (lambda)>", "partial": "lookbook/panels/usage_documentation", "name": "usage_documentation" }, "documentation": { "label": "Documentation", "hotkey": null, "disabled": false, "show": true, "copy": null, "locals": "#<Proc:0x00007619d5aaa270 /project/test/dummy/config/initializers/lookbook.rb:40 (lambda)>", "partial": "lookbook/panels/documentation", "name": "documentation" } }, "inputs": {}, "tags": { "deprecated": { "name": "deprecated", "label": "Deprecated", "options": { "named_args": [], "after_parse": null }, "system": false } } } }

Previews

- Default
- App Options
- Default User
- All User
- Default Partner
- All Partner
Basic Radio Button
Bottom Bar
Carousel
Chip
Chip List
- - Default
  - Shorthand Syntax
- Action Bar
- Action Buttons
- Action Menu
- App Layout V2
- - List
- Association Overlay
- Breadcrumb List
- - Default
  - All
  - App Buttons
  - Loading
- Card
- - Default
  - App Instance
  - Favorites
  - Script
  - Dashboard
  - Financial Log
  - Financial Transaction
  - Lazy Loaded
- Counter
- - Default
  - Usage
- - - Default
    - Usage
  - Email Preview
- - - Usage
    - Single Side
  - - Default
    - Json
    - Form
  - - Default
    - Json
- Date Show
- Drawer Bar
- Entity Token
- - List
- Float Bar
- Form Entry Ai
- History Card
- Human View
- - Default
  - List
- Icon Tooltip
- Image
- - Default
  - All
  - Multiple
- - - Default
    - All
- - All
  - Usage
- - Default
  - All
- - Skeleton
- - Default
  - List
- Modal
- - Tokens
  - Tag Tokens
  - Entity Tokens
  - Policies
  - Custom Builder
  - Popover Args
- - Tokens
  - Tag Tokens
  - Entity Tokens
- Multiple List
- - - Table
    - - Info
  - - Table
    - - Info
  - - Table
    - - Info
  - - Show
    - Table
    - - Info
  - List
  - - Table
    - - Info
  - - Table
    - - Info
  - - Table
    - - Info
      - Packages
  - - Table
    - - Info
- - Default
  - Retro
- - Default
  - N Items
  - Items
- - Sortable
  - Slotted
  - Tree
  - Tree With Row Render
  - Controller Backed
  - Filter Bar Integration
- Table Data List
- - All
  - Default
- Timeline
- Title Description
- Toast
- Toggle
- Token
- Token List
- - Default
  - Full
  - Button
- Tree Node
- - All
  - Usage
Context Menu
- Default
- Range Picker
- With Presets
- Format Picker
Dots
Extra Data Viewer
- Default
- With All Components
- Header Only
- Pills Only
- With Dynamic Filters
- With Table
- Default
- With Left Icon
- With Right Icon
- With Counter
- With Notification
- Selected State
- States
- Sizes
- All Features
- Default
- States
- Sizes
- With Count
- Selected
Filter Result
- Default
- Variable
- Configurable
Form Entry
Grid Layout
Group Avatar
Header
Identifier Editor
Identifiers Card
Index Header
- Ai
- Checkbox
- - Basic
  - Autosubmit
  - Form
  - Multiple
  - Async
- Date
- Number
- Rich Text
- Search
- - Inline
  - Autosubmit
  - Form
- Text
- Text Area
- - Default
  - Dynamic Header
- Error Page
- Index Layout
- Show Layout
- Tabs Content
- Tabs Layout
- Tabs Section
- Default
- Slotted
Loading Ai
- Default
- Error Example
- With Custom Expand
- From Item Log Hash Source
- From Script Log Source
Log List
M Icon
Marketing Layout
- Header
- - Default
  - From Item
- Item Details
- Marketplace Footer
- Payment Summary
- Playground
- Default
- Default
- Drag And Drop
- Default
- With Different Currencies
- With Model
- Default
- Basic
- With Image And Tokens
- With Multiple Details
- With Header Token Zone
- Item Show
- Default
- With Pagy
- Multiple Paginations
- Default
- All
- With Tooltip
- With Custom Toggle
Popover Template
- Default
- Text Kind
- Number Kind
- Boolean Kind
- Default
- Compact
- Full
Spinner
Status Dot
Stepper
Stepper Panel
Theme Context
User Menu

No matching results.

Pages

Component List
Overview
Create A New Component
Organization And Decisions
Opt In Features
Colors
Typography
Configuration
Translations
Icon System
Preview Utilidies
Test Coverage
Css Class Utils
Extra Options
Preview System
Action Panel
Changelog
Intro Slides

No matching results.

Test Coverage

Previous page Next page

Coverage report not found. Please generate it by running rails test

Preview Utilidies Css Class Utils