RapidRails UI Book

Components

        • Overview
        • Playground
        • Overview
        • Playground
        • Overview
        • Playground
        • Overview
        • Playground
        • Overview
        • Playground
        • Overview
        • Playground
      • Icons
        • Overview
        • Playground
        • Overview
        • Playground
        • Default progressbar
        • Outside label
        • With different colours
        • With different sizes
        • All types
        • Overview
        • Playground
      • Tooltip
        • Overview
        • Playground
        • Overview
        • Playground
        • Overview
        • Playground

No matching results.

UIBook

  • Welcome to RRUI
  • Progress ๐Ÿšง
  • Back to RRUI webiste ๐Ÿ‘ˆ๐Ÿผ

No matching results.

RapidRails UI Progess

Progess ๐Ÿšง

This project is still in its early stages. Here are some of components that are I'm working on. More components will be added as the project progresses.

Elements

  • โœ… Button
  • โœ… Alert
  • โœ… Icon
  • โœ… Badge
  • โœ… Social Button
  • โœ… Typography
  • โœ… Basecamp Custom elements
  • โœ… Avatar
  • โœ… Image
  • โœ… Link
  • โœ… Gradient border
  • โœ… Progress bar

Blocks

  • โœ… Profile block
  • โœ… Card block
  • โœ… Tabs block
  • โœ… Badge context

and more to come...

RapidRails UI Documentation RapidRails UI website
  • Copy debug data
  • Reset local storage
Lookbook v2.1.1
{ "version": "2.1.1", "env": "production", "config": { "project_name": "RapidRails UI Book", "project_logo": false, "preview_collection_label": "Components", "preview_paths": [ "test/components/previews", "/app/test/components/previews", "/app/test/components/previews" ], "preview_display_options": { }, "preview_controller": "ViewComponentsController", "preview_template": "lookbook/previews/preview", "preview_inspector": { "main_panels": [ "preview", "output" ], "drawer_panels": [ "source", "notes", "params", "*" ] }, "preview_embeds": { "enabled": true, "policy": "ALLOWALL", "panels": false, "actions": [ ], "scenarios": [ ], "display_option_controls": true }, "preview_layout": "component_preview", "preview_disable_action_view_annotations": true, "preview_type_default": "view_component", "preview_sort_scenarios": false, "page_collection_label": "UIBook", "page_controller": "Lookbook::PageController", "page_route": "pages", "page_paths": [ "/app/test/components/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", "app/components" ], "reload_on_change": false, "live_updates": false, "listen_paths": [ ], "listen_extensions": [ "rb", "html.*" ], "autoload_previews": true, "ui_theme": "rose", "ui_theme_overrides": { "header_bg": "#be123c", "nav_icon_stroke": "red" }, "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/ViewComponent/lookbook/tree/v2" }, "using_view_component": true, "dependencies": { "actioncable": true, "listen": false, "view_component": true }, "panels": { }, "inputs": { }, "tags": { } } }