<!DOCTYPE html> <html lang="en-US"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=Edge"> <link rel="stylesheet" href="/fluxbit_view_components/assets/css/just-the-docs-default.css"> <link rel="stylesheet" href="/fluxbit_view_components/assets/css/just-the-docs-head-nav.css" id="jtd-head-nav-stylesheet"> <style id="jtd-nav-activation"> .site-nav ul li a { background-image: none; } </style> <script async src="https://www.googletagmanager.com/gtag/js?id=G-LW03CS0SLN"></script> <script> window.dataLayer = window.dataLayer || []; function gtag(){dataLayer.push(arguments);} gtag('js', new Date()); gtag('config', 'G-LW03CS0SLN'); </script> <script src="/fluxbit_view_components/assets/js/vendor/lunr.min.js"></script> <script src="/fluxbit_view_components/assets/js/just-the-docs.js"></script> <meta name="viewport" content="width=device-width, initial-scale=1"> <!-- Begin Jekyll SEO tag v2.8.0 --> <title>Fluxbit ViewComponents | UI Component Library for Ruby on Rails built on Flowbite/Tailwind CSS</title> <meta name="generator" content="Jekyll v3.10.0" /> <meta property="og:title" content="Fluxbit ViewComponents" /> <meta property="og:locale" content="en_US" /> <meta name="description" content="UI Component Library for Ruby on Rails built on Flowbite/Tailwind CSS" /> <meta property="og:description" content="UI Component Library for Ruby on Rails built on Flowbite/Tailwind CSS" /> <link rel="canonical" href="https://arthurmolina.github.io/fluxbit_view_components/assets/css/just-the-docs-head-nav.css" /> <meta property="og:url" content="https://arthurmolina.github.io/fluxbit_view_components/assets/css/just-the-docs-head-nav.css" /> <meta property="og:site_name" content="Fluxbit ViewComponents" /> <meta property="og:type" content="website" /> <meta name="twitter:card" content="summary" /> <meta property="twitter:title" content="Fluxbit ViewComponents" /> <script type="application/ld+json"> {"@context":"https://schema.org","@type":"WebPage","description":"UI Component Library for Ruby on Rails built on Flowbite/Tailwind CSS","headline":"Fluxbit ViewComponents","url":"https://arthurmolina.github.io/fluxbit_view_components/assets/css/just-the-docs-head-nav.css"}</script> <!-- End Jekyll SEO tag --> <script>window.SITE_BASEURL = "/fluxbit_view_components";</script> <script src="/fluxbit_view_components/assets/js/lookbook-embed.js" defer></script> <style> /* Prevent layout shift while lookbook-embed placeholders load */ lookbook-embed { display: block; min-height: 60px; } /* Status images in tables */ .main-content img[src$="yes.png"] { width: 20px; height: 20px; vertical-align: middle; } .main-content img[src$="no.png"] { width: 20px; height: 20px; vertical-align: middle; } /* Code block copy button */ .highlight { position: relative; } </style> </head> <body> <a class="skip-to-main" href="#main-content">Skip to main content</a> <svg xmlns="http://www.w3.org/2000/svg" class="d-none"> <symbol id="svg-link" viewBox="0 0 24 24"> <title>Link</title> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-link"> <path d="M10 13a5 5 0 0 0 7.54.54l3-3a5 5 0 0 0-7.07-7.07l-1.72 1.71"></path><path d="M14 11a5 5 0 0 0-7.54-.54l-3 3a5 5 0 0 0 7.07 7.07l1.71-1.71"></path> </svg> </symbol> <symbol id="svg-menu" viewBox="0 0 24 24"> <title>Menu</title> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-menu"> <line x1="3" y1="12" x2="21" y2="12"></line><line x1="3" y1="6" x2="21" y2="6"></line><line x1="3" y1="18" x2="21" y2="18"></line> </svg> </symbol> <symbol id="svg-arrow-right" viewBox="0 0 24 24"> <title>Expand</title> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-chevron-right"> <polyline points="9 18 15 12 9 6"></polyline> </svg> </symbol> <!-- Feather. MIT License: https://github.com/feathericons/feather/blob/master/LICENSE --> <symbol id="svg-external-link" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-external-link"> <title id="svg-external-link-title">(external link)</title> <path d="M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6"></path><polyline points="15 3 21 3 21 9"></polyline><line x1="10" y1="14" x2="21" y2="3"></line> </symbol> <symbol id="svg-doc" viewBox="0 0 24 24"> <title>Document</title> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-file"> <path d="M13 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V9z"></path><polyline points="13 2 13 9 20 9"></polyline> </svg> </symbol> <symbol id="svg-search" viewBox="0 0 24 24"> <title>Search</title> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-search"> <circle cx="11" cy="11" r="8"></circle><line x1="21" y1="21" x2="16.65" y2="16.65"></line> </svg> </symbol> <!-- Bootstrap Icons. MIT License: https://github.com/twbs/icons/blob/main/LICENSE.md --> <symbol id="svg-copy" viewBox="0 0 16 16"> <title>Copy</title> <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-clipboard" viewBox="0 0 16 16"> <path d="M4 1.5H3a2 2 0 0 0-2 2V14a2 2 0 0 0 2 2h10a2 2 0 0 0 2-2V3.5a2 2 0 0 0-2-2h-1v1h1a1 1 0 0 1 1 1V14a1 1 0 0 1-1 1H3a1 1 0 0 1-1-1V3.5a1 1 0 0 1 1-1h1v-1z"/> <path d="M9.5 1a.5.5 0 0 1 .5.5v1a.5.5 0 0 1-.5.5h-3a.5.5 0 0 1-.5-.5v-1a.5.5 0 0 1 .5-.5h3zm-3-1A1.5 1.5 0 0 0 5 1.5v1A1.5 1.5 0 0 0 6.5 4h3A1.5 1.5 0 0 0 11 2.5v-1A1.5 1.5 0 0 0 9.5 0h-3z"/> </svg> </symbol> <symbol id="svg-copied" viewBox="0 0 16 16"> <title>Copied</title> <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-clipboard-check-fill" viewBox="0 0 16 16"> <path d="M6.5 0A1.5 1.5 0 0 0 5 1.5v1A1.5 1.5 0 0 0 6.5 4h3A1.5 1.5 0 0 0 11 2.5v-1A1.5 1.5 0 0 0 9.5 0h-3Zm3 1a.5.5 0 0 1 .5.5v1a.5.5 0 0 1-.5.5h-3a.5.5 0 0 1-.5-.5v-1a.5.5 0 0 1 .5-.5h3Z"/> <path d="M4 1.5H3a2 2 0 0 0-2 2V14a2 2 0 0 0 2 2h10a2 2 0 0 0 2-2V3.5a2 2 0 0 0-2-2h-1v1A2.5 2.5 0 0 1 9.5 5h-3A2.5 2.5 0 0 1 4 2.5v-1Zm6.854 7.354-3 3a.5.5 0 0 1-.708 0l-1.5-1.5a.5.5 0 0 1 .708-.708L7.5 10.793l2.646-2.647a.5.5 0 0 1 .708.708Z"/> </svg> </symbol> </svg> <div class="side-bar"> <div class="site-header" role="banner"> <a href="/fluxbit_view_components/" class="site-title lh-tight"> Fluxbit ViewComponents </a> <button id="menu-button" class="site-button btn-reset" aria-label="Toggle menu" aria-pressed="false"> <svg viewBox="0 0 24 24" class="icon" aria-hidden="true"><use xlink:href="#svg-menu"></use></svg> </button> </div> <nav aria-label="Main" id="site-nav" class="site-nav"> <ul class="nav-list"><li class="nav-list-item"><a href="/fluxbit_view_components/" class="nav-list-link">Home</a></li><li class="nav-list-item"><button class="nav-list-expander btn-reset" aria-label="toggle items in Getting Started category" aria-pressed="false"> <svg viewBox="0 0 24 24" aria-hidden="true"><use xlink:href="#svg-arrow-right"></use></svg> </button><a href="/fluxbit_view_components/getting_started.html" class="nav-list-link">Getting Started</a><ul class="nav-list"><li class="nav-list-item"><a href="/fluxbit_view_components/01_Getting_Started/01_Introduction.html" class="nav-list-link">Introduction</a></li><li class="nav-list-item"><a href="/fluxbit_view_components/01_Getting_Started/02_Install.html" class="nav-list-link">Installation Guide</a></li><li class="nav-list-item"><a href="/fluxbit_view_components/01_Getting_Started/03_License.html" class="nav-list-link">License</a></li></ul></li><li class="nav-list-item"><button class="nav-list-expander btn-reset" aria-label="toggle items in Components category" aria-pressed="false"> <svg viewBox="0 0 24 24" aria-hidden="true"><use xlink:href="#svg-arrow-right"></use></svg> </button><a href="/fluxbit_view_components/components.html" class="nav-list-link">Components</a><ul class="nav-list"><li class="nav-list-item"><a href="/fluxbit_view_components/02_Components/Accordion.html" class="nav-list-link">Fluxbit::AccordionComponent or fx_accordion</a></li><li class="nav-list-item"><a href="/fluxbit_view_components/02_Components/Alert.html" class="nav-list-link">Fluxbit::AlertComponent or fx_alert</a></li><li class="nav-list-item"><a href="/fluxbit_view_components/02_Components/Avatar.html" class="nav-list-link">Fluxbit::AvatarComponent or fx_avatar</a></li><li class="nav-list-item"><a href="/fluxbit_view_components/02_Components/AvatarGroup.html" class="nav-list-link">Fluxbit::AvatarGroupComponent or fx_avatar_group</a></li><li class="nav-list-item"><a href="/fluxbit_view_components/02_Components/Badge.html" class="nav-list-link">Fluxbit::BadgeComponent or fx_badge</a></li><li class="nav-list-item"><a href="/fluxbit_view_components/02_Components/Banner.html" class="nav-list-link">Fluxbit::BannerComponent or fx_banner</a></li><li class="nav-list-item"><a href="/fluxbit_view_components/02_Components/BottomNavigation.html" class="nav-list-link">Fluxbit::BottomNavigationComponent or fx_bottom_navigation</a></li><li class="nav-list-item"><a href="/fluxbit_view_components/02_Components/Breadcrumb.html" class="nav-list-link">Fluxbit::BreadcrumbComponent or fx_breadcrumb</a></li><li class="nav-list-item"><a href="/fluxbit_view_components/02_Components/Button.html" class="nav-list-link">Fluxbit::ButtonComponent or fx_button</a></li><li class="nav-list-item"><a href="/fluxbit_view_components/02_Components/ButtonGroup.html" class="nav-list-link">Fluxbit::ButtonGroupComponent or fx_button_group</a></li><li class="nav-list-item"><a href="/fluxbit_view_components/02_Components/Card.html" class="nav-list-link">Fluxbit::CardComponent or fx_card</a></li><li class="nav-list-item"><a href="/fluxbit_view_components/02_Components/Carousel.html" class="nav-list-link">Fluxbit::CarouselComponent or fx_carousel</a></li><li class="nav-list-item"><a href="/fluxbit_view_components/02_Components/Drawer.html" class="nav-list-link">Fluxbit::DrawerComponent or fx_drawer</a></li><li class="nav-list-item"><a href="/fluxbit_view_components/02_Components/Dropdown.html" class="nav-list-link">Fluxbit::DropdownComponent or fx_dropdown</a></li><li class="nav-list-item"><a href="/fluxbit_view_components/02_Components/Flex.html" class="nav-list-link">Fluxbit::FlexComponent or fx_flex</a></li><li class="nav-list-item"><a href="/fluxbit_view_components/02_Components/RadioGroupButton.html" class="nav-list-link">Fluxbit::Form::RadioGroupButtonComponent or fx_radio_group_button</a></li><li class="nav-list-item"><a href="/fluxbit_view_components/02_Components/Gravatar.html" class="nav-list-link">Fluxbit::GravatarComponent or fx_gravatar</a></li><li class="nav-list-item"><a href="/fluxbit_view_components/02_Components/Link.html" class="nav-list-link">Fluxbit::LinkComponent or fx_link</a></li><li class="nav-list-item"><a href="/fluxbit_view_components/02_Components/Modal.html" class="nav-list-link">Fluxbit::ModalComponent or fx_modal</a></li><li class="nav-list-item"><a href="/fluxbit_view_components/02_Components/Pagination.html" class="nav-list-link">Fluxbit::PaginationComponent or fx_pagination</a></li><li class="nav-list-item"><a href="/fluxbit_view_components/02_Components/Popover.html" class="nav-list-link">Fluxbit::PopoverComponent or fx_popover</a></li><li class="nav-list-item"><a href="/fluxbit_view_components/02_Components/Progress.html" class="nav-list-link">Fluxbit::ProgressComponent or fx_progress</a></li><li class="nav-list-item"><a href="/fluxbit_view_components/02_Components/Skeleton.html" class="nav-list-link">Fluxbit::SkeletonComponent or fx_skeleton</a></li><li class="nav-list-item"><a href="/fluxbit_view_components/02_Components/SpeedDial.html" class="nav-list-link">Fluxbit::SpeedDialComponent or fx_speed_dial</a></li><li class="nav-list-item"><a href="/fluxbit_view_components/02_Components/Spinner.html" class="nav-list-link">Fluxbit::SpinnerComponent or fx_spinner</a></li><li class="nav-list-item"><a href="/fluxbit_view_components/02_Components/SpinnerPercent.html" class="nav-list-link">Fluxbit::SpinnerPercentComponent or fx_spinner_percent</a></li><li class="nav-list-item"><a href="/fluxbit_view_components/02_Components/Stepper.html" class="nav-list-link">Fluxbit::StepperComponent or fx_stepper</a></li><li class="nav-list-item"><a href="/fluxbit_view_components/02_Components/Tab.html" class="nav-list-link">Fluxbit::TabComponent or fx_tab</a></li><li class="nav-list-item"><a href="/fluxbit_view_components/02_Components/Table.html" class="nav-list-link">Fluxbit::TableComponent or fx_table</a></li><li class="nav-list-item"><a href="/fluxbit_view_components/02_Components/ThemeButton.html" class="nav-list-link">Fluxbit::ThemeButtonComponent or fx_theme_button</a></li><li class="nav-list-item"><a href="/fluxbit_view_components/02_Components/Timeline.html" class="nav-list-link">Fluxbit::TimelineComponent or fx_timeline</a></li><li class="nav-list-item"><a href="/fluxbit_view_components/02_Components/Tooltip.html" class="nav-list-link">Fluxbit::TooltipComponent or fx_tooltip</a></li></ul></li><li class="nav-list-item"><button class="nav-list-expander btn-reset" aria-label="toggle items in Forms category" aria-pressed="false"> <svg viewBox="0 0 24 24" aria-hidden="true"><use xlink:href="#svg-arrow-right"></use></svg> </button><a href="/fluxbit_view_components/forms.html" class="nav-list-link">Forms</a><ul class="nav-list"><li class="nav-list-item"><a href="/fluxbit_view_components/03_Forms/FormBuilder.html" class="nav-list-link">Fluxbit Form Builder</a></li><li class="nav-list-item"><a href="/fluxbit_view_components/03_Forms/CheckBox.html" class="nav-list-link">Fluxbit::Form::CheckBoxComponent or fx_check_box</a></li><li class="nav-list-item"><a href="/fluxbit_view_components/03_Forms/Dropzone.html" class="nav-list-link">Fluxbit::Form::DropzoneComponent or fx_dropzone</a></li><li class="nav-list-item"><a href="/fluxbit_view_components/03_Forms/HelpText.html" class="nav-list-link">Fluxbit::Form::HelpTextComponent or fx_help_text</a></li><li class="nav-list-item"><a href="/fluxbit_view_components/03_Forms/Label.html" class="nav-list-link">Fluxbit::Form::LabelComponent or fx_label</a></li><li class="nav-list-item"><a href="/fluxbit_view_components/03_Forms/Password.html" class="nav-list-link">Fluxbit::Form::PasswordComponent or fx_password</a></li><li class="nav-list-item"><a href="/fluxbit_view_components/03_Forms/Range.html" class="nav-list-link">Fluxbit::Form::RangeComponent or fx_range</a></li><li class="nav-list-item"><a href="/fluxbit_view_components/03_Forms/Select.html" class="nav-list-link">Fluxbit::Form::SelectComponent or fx_select</a></li><li class="nav-list-item"><a href="/fluxbit_view_components/03_Forms/Telephone.html" class="nav-list-link">Fluxbit::Form::TelephoneComponent</a></li><li class="nav-list-item"><a href="/fluxbit_view_components/03_Forms/TextField.html" class="nav-list-link">Fluxbit::Form::TextFieldComponent or fx_text_field</a></li><li class="nav-list-item"><a href="/fluxbit_view_components/03_Forms/Toggle.html" class="nav-list-link">Fluxbit::Form::ToggleComponent or fx_toggle</a></li><li class="nav-list-item"><a href="/fluxbit_view_components/03_Forms/UploadImage.html" class="nav-list-link">Fluxbit::Form::UploadImageComponent or fx_upload_image</a></li></ul></li><li class="nav-list-item"><button class="nav-list-expander btn-reset" aria-label="toggle items in Typography category" aria-pressed="false"> <svg viewBox="0 0 24 24" aria-hidden="true"><use xlink:href="#svg-arrow-right"></use></svg> </button><a href="/fluxbit_view_components/typography.html" class="nav-list-link">Typography</a><ul class="nav-list"><li class="nav-list-item"><a href="/fluxbit_view_components/04_Typography/Heading.html" class="nav-list-link">Fluxbit::HeadingComponent or fx_heading</a></li><li class="nav-list-item"><a href="/fluxbit_view_components/04_Typography/Text.html" class="nav-list-link">Fluxbit::TextComponent or fx_txt</a></li></ul></li><li class="nav-list-item"><button class="nav-list-expander btn-reset" aria-label="toggle items in JavaScript and NPM category" aria-pressed="false"> <svg viewBox="0 0 24 24" aria-hidden="true"><use xlink:href="#svg-arrow-right"></use></svg> </button><a href="/fluxbit_view_components/javascript_and_npm.html" class="nav-list-link">JavaScript and NPM</a><ul class="nav-list"><li class="nav-list-item"><a href="/fluxbit_view_components/05_Javascript_and_NPM_Package/01_Introduction.html" class="nav-list-link">Stimulus Controllers (JS) and NPM Package</a></li><li class="nav-list-item"><a href="/fluxbit_view_components/05_Javascript_and_NPM_Package/02_Setup.html" class="nav-list-link">Setup and Configuration</a></li><li class="nav-list-item"><a href="/fluxbit_view_components/05_Javascript_and_NPM_Package/03_Controllers.html" class="nav-list-link">Stimulus Controllers</a></li><li class="nav-list-item"><a href="/fluxbit_view_components/05_Javascript_and_NPM_Package/04_Development.html" class="nav-list-link">Development Guide</a></li><li class="nav-list-item"><a href="/fluxbit_view_components/05_Javascript_and_NPM_Package/05_Vanilla_JavaScript_API.html" class="nav-list-link">Vanilla JavaScript API</a></li><li class="nav-list-item"><button class="nav-list-expander btn-reset" aria-label="toggle items in Controllers category" aria-pressed="false"> <svg viewBox="0 0 24 24" aria-hidden="true"><use xlink:href="#svg-arrow-right"></use></svg> </button><a href="/fluxbit_view_components/js_controllers.html" class="nav-list-link">Controllers</a><ul class="nav-list"><li class="nav-list-item"><a href="/fluxbit_view_components/05_Javascript_and_NPM_Package/Controllers/FxAssigner.html" class="nav-list-link">FxAssigner Controller</a></li><li class="nav-list-item"><a href="/fluxbit_view_components/05_Javascript_and_NPM_Package/Controllers/FxAutoSubmit.html" class="nav-list-link">FxAutoSubmit Controller</a></li><li class="nav-list-item"><a href="/fluxbit_view_components/05_Javascript_and_NPM_Package/Controllers/FxDrawer.html" class="nav-list-link">FxDrawer Controller</a></li><li class="nav-list-item"><a href="/fluxbit_view_components/05_Javascript_and_NPM_Package/Controllers/FxMethodLink.html" class="nav-list-link">FxMethodLink Controller</a></li><li class="nav-list-item"><a href="/fluxbit_view_components/05_Javascript_and_NPM_Package/Controllers/FxModal.html" class="nav-list-link">FxModal Controller</a></li><li class="nav-list-item"><a href="/fluxbit_view_components/05_Javascript_and_NPM_Package/Controllers/FxProgress.html" class="nav-list-link">FxProgress Controller</a></li><li class="nav-list-item"><a href="/fluxbit_view_components/05_Javascript_and_NPM_Package/Controllers/FxRowClick.html" class="nav-list-link">FxRowClick Controller</a></li><li class="nav-list-item"><a href="/fluxbit_view_components/05_Javascript_and_NPM_Package/Controllers/FxSelectAll.html" class="nav-list-link">FxSelectAll Controller</a></li><li class="nav-list-item"><a href="/fluxbit_view_components/05_Javascript_and_NPM_Package/Controllers/FxSpinnerPercent.html" class="nav-list-link">FxSpinnerPercent Controller</a></li><li class="nav-list-item"><a href="/fluxbit_view_components/05_Javascript_and_NPM_Package/Controllers/FxTelephone.html" class="nav-list-link">FxTelephone Controller</a></li><li class="nav-list-item"><a href="/fluxbit_view_components/05_Javascript_and_NPM_Package/Controllers/FxThemeButton.html" class="nav-list-link">FxThemeButton Controller</a></li></ul></li></ul></li><li class="nav-list-item"><button class="nav-list-expander btn-reset" aria-label="toggle items in Generators category" aria-pressed="false"> <svg viewBox="0 0 24 24" aria-hidden="true"><use xlink:href="#svg-arrow-right"></use></svg> </button><a href="/fluxbit_view_components/generators.html" class="nav-list-link">Generators</a><ul class="nav-list"><li class="nav-list-item"><a href="/fluxbit_view_components/06_Generators/01_Introduction.html" class="nav-list-link">Introduction to Fluxbit Generators</a></li><li class="nav-list-item"><a href="/fluxbit_view_components/06_Generators/02_Scaffold_Generator.html" class="nav-list-link">Scaffold Generator</a></li><li class="nav-list-item"><a href="/fluxbit_view_components/06_Generators/03_Configuration.html" class="nav-list-link">Configuration Options</a></li><li class="nav-list-item"><a href="/fluxbit_view_components/06_Generators/04_Examples.html" class="nav-list-link">Examples</a></li><li class="nav-list-item"><a href="/fluxbit_view_components/06_Generators/05_Devise_Views.html" class="nav-list-link">Devise Views Generator</a></li></ul></li></ul> </nav> <footer class="site-footer"> This site uses <a href="https://github.com/just-the-docs/just-the-docs">Just the Docs</a>, a documentation theme for Jekyll. </footer> </div> <div class="main" id="top"> <div id="main-header" class="main-header"> <div class="search" role="search"> <div class="search-input-wrap"> <input type="text" id="search-input" class="search-input" tabindex="0" placeholder="Search Fluxbit ViewComponents" aria-label="Search Fluxbit ViewComponents" autocomplete="off"> <label for="search-input" class="search-label"><svg viewBox="0 0 24 24" class="search-icon"><use xlink:href="#svg-search"></use></svg></label> </div> <div id="search-results" class="search-results"></div> </div> <nav aria-label="Auxiliary" class="aux-nav"> <ul class="aux-nav-list"> <li class="aux-nav-list-item"> <a href="https://github.com/arthurmolina/fluxbit_view_components" class="site-button" target="_blank" rel="noopener noreferrer" > GitHub </a> </li> </ul> </nav> </div> <div class="main-content-wrap"> <div id="main-content" class="main-content"> <main> </main> <hr> <footer> <p><a href="#top" id="back-to-top">Back to top</a></p> <p class="text-small text-grey-dk-100 mb-0">Copyright &copy; 2024 Arthur Molina. Distributed under the <a href='https://opensource.org/licenses/MIT'>MIT License</a>.</p> </footer> </div> </div> <div class="search-overlay"></div> </div> </body> </html>
