# Brikl Documentation

## Docs

- [Billings](https://docs.brikl.co/billings.md)
- [Carts](https://docs.brikl.co/carts.md)
- [Checkouts](https://docs.brikl.co/checkouts.md)
- [Accordion 01](https://docs.brikl.co/components/elements/accordions/accordion-01.md): Vertical accordion list with toggle icons, bold titles, and collapsible answer text panels.
- [Accordion 02](https://docs.brikl.co/components/elements/accordions/accordion-02.md): Vertical accordion with three toggle rows, each featuring a title, plus icon, and collapsible content.
- [Accordion 03](https://docs.brikl.co/components/elements/accordions/accordion-03.md): Vertical accordion with icons, bold titles, and collapsible text content panels, column layout.
- [Accordion 04](https://docs.brikl.co/components/elements/accordions/accordion-04.md): Vertical accordion with icon, title, and collapsible content panels in a clean column layout.
- [Accordion 05](https://docs.brikl.co/components/elements/accordions/accordion-05.md): Vertical accordion with collapsible rows, caret icons, bold titles, and subtle dividers.
- [Accordion 06](https://docs.brikl.co/components/elements/accordions/accordion-06.md): Vertical accordion with toggle icons, question titles, sub-headers, and expandable content sections.
- [Accordion 07](https://docs.brikl.co/components/elements/accordions/accordion-07.md): Vertical accordion with icon, title, subtitle, and collapsible content sections separated by dividers.
- [Accordion 08](https://docs.brikl.co/components/elements/accordions/accordion-08.md): Vertical accordion with expandable items, icons, titles, sub-headers, and a copy icon button.
- [Accordion 09](https://docs.brikl.co/components/elements/accordions/accordion-09.md): Vertical accordion with toggle groups, caret icons, bold titles, and gray body text on white cards.
- [Accordion 10](https://docs.brikl.co/components/elements/accordions/accordion-10.md): Vertical accordion with bordered cards, plus/minus icons, and collapsible text content panels.
- [Accordion 11](https://docs.brikl.co/components/elements/accordions/accordion-11.md): Vertical accordion with bordered rows, caret icons, bold titles, and collapsible content sections.
- [Accordion 12](https://docs.brikl.co/components/elements/accordions/accordion-12.md): Vertical accordion with bordered rows, plus icon toggles, question titles, and expandable answer text.
- [Alert 01](https://docs.brikl.co/components/elements/alerts/alert-01.md): Compact warning alert bar with orange text, light yellow background, and rounded border.
- [Alert 02](https://docs.brikl.co/components/elements/alerts/alert-02.md): Compact error alert bar with red background, bold text, and rounded border styling.
- [Alert 03](https://docs.brikl.co/components/elements/alerts/alert-03.md): Compact green success alert banner with bold text, rounded corners, and solid border.
- [Alert 04](https://docs.brikl.co/components/elements/alerts/alert-04.md): Simple single-line blue alert banner with left-aligned text and rounded border.
- [Alert 05](https://docs.brikl.co/components/elements/alerts/alert-05.md): Floating alert banner with warning icon, message text, and close button in a row layout.
- [Alert 06](https://docs.brikl.co/components/elements/alerts/alert-06.md): Floating alert banner with warning icon, error message text, and a close button.
- [Alert 07](https://docs.brikl.co/components/elements/alerts/alert-07.md): Floating success alert with check icon, message text, and close button, anchored bottom-right.
- [Alert 08](https://docs.brikl.co/components/elements/alerts/alert-08.md): Floating alert banner with info icon, message text, and a close button, positioned bottom-right.
- [Alert 09](https://docs.brikl.co/components/elements/alerts/alert-09.md): Floating alert bar with warning icon, message text, optional link, and close button.
- [Alert 10](https://docs.brikl.co/components/elements/alerts/alert-10.md): Floating alert bar with warning icon, title text, optional link button, and close button.
- [Alert 11](https://docs.brikl.co/components/elements/alerts/alert-11.md): Floating bottom-right alert with success icon, title text, link button, and close button.
- [Alert 12](https://docs.brikl.co/components/elements/alerts/alert-12.md): Floating bottom-right alert banner with icon, title text, link button, and close button.
- [Alert 13](https://docs.brikl.co/components/elements/alerts/alert-13.md): Floating alert card with warning icon, title, description text, action button, and dismiss button.
- [Alert 14](https://docs.brikl.co/components/elements/alerts/alert-14.md): Floating alert with warning icon, title, description text, action button, and close button.
- [Alert 15](https://docs.brikl.co/components/elements/alerts/alert-15.md): Floating success alert with icon, title, description, action button, and close button.
- [Alert 16](https://docs.brikl.co/components/elements/alerts/alert-16.md): Floating alert with info icon, title, description text, action button, and close button.
- [Alert 17](https://docs.brikl.co/components/elements/alerts/alert-17.md): Floating cookie consent alert with title, description, and Accept/Decline buttons in a card layout.
- [Avatar 01](https://docs.brikl.co/components/elements/avatars/avatar-01.md): Circular avatar image component displaying a square SVG profile photo with rounded styling.
- [Avatar 02](https://docs.brikl.co/components/elements/avatars/avatar-02.md): Circular avatar with background image and centered fallback initials text overlay.
- [Avatar 03](https://docs.brikl.co/components/elements/avatars/avatar-03.md): Circular avatar with background photo and centered user icon fallback, minimal style.
- [Avatar 04](https://docs.brikl.co/components/elements/avatars/avatar-04.md): Square avatar image with rounded corners, centered within a fixed 280x280 container.
- [Avatar 05](https://docs.brikl.co/components/elements/avatars/avatar-05.md): Circular avatar image with a small online/offline status indicator badge overlaid.
- [Avatar 06](https://docs.brikl.co/components/elements/avatars/avatar-06.md): Circular avatar image with a blue certified/verified seal icon overlaid at bottom-right corner.
- [Avatar 07](https://docs.brikl.co/components/elements/avatars/avatar-07.md): Circular avatar image with a dark badge showing a number, positioned at the top-right corner.
- [Avatar 08](https://docs.brikl.co/components/elements/avatars/avatar-08.md): Horizontal row of four overlapping circular avatar images with white borders.
- [Avatar 09](https://docs.brikl.co/components/elements/avatars/avatar-09.md): Horizontal overlapping circular avatars row with a count badge, white borders, light background.
- [Avatar 10](https://docs.brikl.co/components/elements/avatars/avatar-10.md): Overlapping circular avatar stack with four profile images and a count badge, arranged in a row.
- [Avatar 11](https://docs.brikl.co/components/elements/avatars/avatar-11.md): Horizontal overlapping circular avatars row with a count badge, bordered and shadowed.
- [Avatar 12](https://docs.brikl.co/components/elements/avatars/avatar-12.md): Horizontal overlapping avatar stack with a text label showing social proof on a pill-shaped container.
- [Badge 01](https://docs.brikl.co/components/elements/badges/badge-01.md): A horizontal row of 8 colorful badge labels with rounded corners and subtle borders.
- [Badge 02](https://docs.brikl.co/components/elements/badges/badge-02.md): A row of eight pill-shaped badges in varied colors: grey, red, yellow, green, blue, indigo, purple, and pink.
- [Badge 03](https://docs.brikl.co/components/elements/badges/badge-03.md): A horizontal row of 8 colorful badge text elements with rounded corners and pastel backgrounds.
- [Badge 04](https://docs.brikl.co/components/elements/badges/badge-04.md): A row of eight colorful pill-shaped badge labels in various color themes.
- [Badge 05](https://docs.brikl.co/components/elements/badges/badge-05.md): Row of colored dismissible badge pills (grey, red, yellow) with text and close buttons.
- [Badge 06](https://docs.brikl.co/components/elements/badges/badge-06.md): Horizontal row of colored dismissible badge pills in grey, red, and yellow variants.
- [Badge 07](https://docs.brikl.co/components/elements/badges/badge-07.md): A row of five colored dot-label badge variants: grey, red, yellow, green, and blue.
- [Badge 08](https://docs.brikl.co/components/elements/badges/badge-08.md): Row of five colored dot-prefix badges (grey, red, yellow, green, blue) with pill-shaped containers.
- [Badge 09](https://docs.brikl.co/components/elements/badges/badge-09.md): Row-layout white badges with colored dot indicators (grey, red, yellow, green, blue) and text label.
- [Badge 10](https://docs.brikl.co/components/elements/badges/badge-10.md): Row-layout white badges with colored dot indicators (grey, red, yellow, green, blue) and text label.
- [Badge 11](https://docs.brikl.co/components/elements/badges/badge-11.md): A horizontal row of eight color-coded badge labels with rounded borders and light backgrounds.
- [Badge 12](https://docs.brikl.co/components/elements/badges/badge-12.md): Row of 8 colorful pill-shaped badge labels with distinct background and text color combinations.
- [Badge 13](https://docs.brikl.co/components/elements/badges/badge-13.md): A horizontal row of 8 colorful badge labels in rounded pill-style containers with varied background colors.
- [Badge 14](https://docs.brikl.co/components/elements/badges/badge-14.md): A horizontal row of eight colorful pill-shaped badge labels in various color variants.
- [Badge 15](https://docs.brikl.co/components/elements/badges/badge-15.md): Row-layout badge group with colored dot indicators and text labels in five color variants.
- [Badge 16](https://docs.brikl.co/components/elements/badges/badge-16.md): A row of colored badge pills, each with a dot indicator and label text, in multiple color variants.
- [Badge 17](https://docs.brikl.co/components/elements/badges/badge-17.md): Row-layout badge components with circular image and text label in multiple color variants.
- [Badge 18](https://docs.brikl.co/components/elements/badges/badge-18.md): Circular badge component with logo image and text label in five color variants arranged in a row.
- [Badge 19](https://docs.brikl.co/components/elements/badges/badge-19.md): Horizontal badge strip with colored pill label and arrow icon in three color variants.
- [Badge 20](https://docs.brikl.co/components/elements/badges/badge-20.md): Horizontal badge group with icon, label text, and close button in pill-shaped containers.
- [Breadcrumb 01](https://docs.brikl.co/components/elements/breadcrumbs/breadcrumb-01.md): Horizontal breadcrumb navigation with three links and caret-right separator icons in a row layout.
- [Breadcrumb 02](https://docs.brikl.co/components/elements/breadcrumbs/breadcrumb-02.md): Horizontal breadcrumb navigation with icons, caret separators, and three labeled link buttons.
- [Breadcrumb 03](https://docs.brikl.co/components/elements/breadcrumbs/breadcrumb-03.md): Horizontal breadcrumb with home icon, caret separators, and text links in a row layout.
- [Breadcrumb 04](https://docs.brikl.co/components/elements/breadcrumbs/breadcrumb-04.md): Horizontal breadcrumb navigation with home icon, caret separators, and styled text links.
- [Button 01](https://docs.brikl.co/components/elements/buttons/button-01.md): Centered dark button with icon, rounded corners, bold label, and subtle shadow.
- [Button 02](https://docs.brikl.co/components/elements/buttons/button-02.md): Single dark-background button with star icon, rounded corners, and disabled state styling.
- [Button 03](https://docs.brikl.co/components/elements/buttons/button-03.md): Fully rounded, dark-filled button with icon and centered label on a flexible layout.
- [Button 04](https://docs.brikl.co/components/elements/buttons/button-04.md): Dark rounded button with icon and label, centered layout, minimal style.
- [Button 05](https://docs.brikl.co/components/elements/buttons/button-05.md): Red destructive button with trash icon and label, rounded corners, centered layout.
- [Button 06](https://docs.brikl.co/components/elements/buttons/button-06.md): Secondary button with icon and label, rounded corners, light background, and subtle border.
- [Button 07](https://docs.brikl.co/components/elements/buttons/button-07.md): Outlined button with label and icon, rounded corners, light background, center-aligned.
- [Button 08](https://docs.brikl.co/components/elements/buttons/button-08.md): Ghost-style button with left arrow icon and label, featuring hover and disabled states.
- [Button 09](https://docs.brikl.co/components/elements/buttons/button-09.md): Rounded full icon-only button with border, shadow, and hover/disabled states.
- [Button 10](https://docs.brikl.co/components/elements/buttons/button-10.md): Horizontal row group with a Cancel button and a Save button, side by side.
- [Button 11](https://docs.brikl.co/components/elements/buttons/button-11.md): Dark pill-shaped button with circular avatar image and white username text side by side.
- [Button 12](https://docs.brikl.co/components/elements/buttons/button-12.md): Circular avatar image paired with a caret-down icon arranged in a horizontal row layout.
- [Button 13](https://docs.brikl.co/components/elements/buttons/button-13.md): Rounded icon button with a dark notification badge overlay showing a count of 3.
- [Button 14](https://docs.brikl.co/components/elements/buttons/button-14.md): Horizontal row of four icon-only social buttons (Facebook, Google, Github, X/Twitter) with border styling.
- [Button 15](https://docs.brikl.co/components/elements/buttons/button-15.md): Vertical stack of four branded social login buttons (Facebook, Google, X, GitHub) with icons.
- [Button 16](https://docs.brikl.co/components/elements/buttons/button-16.md): Horizontal button group with three segmented buttons (Left, Center, Right) in a row layout.
- [Button 17](https://docs.brikl.co/components/elements/buttons/button-17.md): Horizontal button group with three icon-label buttons: Files, Media, and Settings, styled with borders.
- [Button 18](https://docs.brikl.co/components/elements/buttons/button-18.md): Horizontal button group with three icon-only buttons (Files, Media, Settings) in a row layout.
- [Button 19](https://docs.brikl.co/components/elements/buttons/button-19.md): Horizontal row group with up/down caret buttons flanking a centered numeric input field.
- [Button 20](https://docs.brikl.co/components/elements/buttons/button-20.md): Black rounded button group with up/down caret buttons and a centered numeric input field.
- [Button 21](https://docs.brikl.co/components/elements/buttons/button-21.md): Horizontal volume control with minus button, numeric input display, speaker icon, and plus button.
- [Button 22](https://docs.brikl.co/components/elements/buttons/button-22.md): Horizontal button group with a QR code icon button and a Sign In label button, dark styled.
- [Button 23](https://docs.brikl.co/components/elements/buttons/button-23.md): Segmented button group with two joined buttons: a label button and an icon button.
- [Button 24](https://docs.brikl.co/components/elements/buttons/button-24.md): Dark pill-shaped button group with a pinned label and a caret-down icon, side by side.
- [Button 25](https://docs.brikl.co/components/elements/buttons/button-25.md): Split button with left icon segment and text 'Previous' label, dark background, rounded corners.
- [Button 26](https://docs.brikl.co/components/elements/buttons/button-26.md): Split button group with a primary 'Next' label button and a secondary icon button, arranged in a row.
- [Button 27](https://docs.brikl.co/components/elements/buttons/button-27.md): Horizontal button group with a 'Like' icon button and a count button, joined together.
- [Checkbox 01](https://docs.brikl.co/components/elements/checkboxes/checkbox-01.md): A horizontal row group with a square icon checkbox and a label text beside it.
- [Checkbox 02](https://docs.brikl.co/components/elements/checkboxes/checkbox-02.md): A disabled checkbox row with a square icon and label text in a horizontal layout.
- [Checkbox 03](https://docs.brikl.co/components/elements/checkboxes/checkbox-03.md): Horizontal checkbox row with an icon and label text, supporting strikethrough on selection.
- [Checkbox 04](https://docs.brikl.co/components/elements/checkboxes/checkbox-04.md): A horizontal row checkbox with an icon and a clickable terms and service text link.
- [Checkbox 05](https://docs.brikl.co/components/elements/checkboxes/checkbox-05.md): Inline horizontal checkbox group with three labeled options, icons, and toggle states.
- [Checkbox 06](https://docs.brikl.co/components/elements/checkboxes/checkbox-06.md): Multi-column checkbox group with icon indicators and labeled options in a row layout.
- [Checkbox 07](https://docs.brikl.co/components/elements/checkboxes/checkbox-07.md): Vertical checkbox group with icon, label, sublabel, and description text in column layout.
- [Checkbox 08](https://docs.brikl.co/components/elements/checkboxes/checkbox-08.md): Vertical checkbox list with icons, labels, sublabels, and descriptions in a clean card layout.
- [Checkbox 09](https://docs.brikl.co/components/elements/checkboxes/checkbox-09.md): Vertical checkbox list with expandable text input field revealed on selection, styled with Inter font.
- [Checkbox 10](https://docs.brikl.co/components/elements/checkboxes/checkbox-10.md): Multi-option checkbox group with icon, label, sublabel, and description in card layout.
- [Checkbox 11](https://docs.brikl.co/components/elements/checkboxes/checkbox-11.md): Card-style checkbox group with logo, title, sublabel, description, and icon indicator per option.
- [Checkbox 12](https://docs.brikl.co/components/elements/checkboxes/checkbox-12.md): Two-column checkbox card layout with icons, labels, and bordered selection states.
- [Dropdown 01](https://docs.brikl.co/components/elements/dropdowns/dropdown-01.md): Vertical dropdown menu with four icon-labeled buttons inside a rounded floating panel.
- [Dropdown 02](https://docs.brikl.co/components/elements/dropdowns/dropdown-02.md): Vertical dropdown menu with four icon-label buttons in a floating card container.
- [Dropdown 03](https://docs.brikl.co/components/elements/dropdowns/dropdown-03.md): Vertical dropdown menu with icons, five action buttons, a divider, and a destructive delete option.
- [Dropdown 04](https://docs.brikl.co/components/elements/dropdowns/dropdown-04.md): Vertical dropdown menu with icons, four action buttons, a divider, and a destructive delete option.
- [Dropdown 05](https://docs.brikl.co/components/elements/dropdowns/dropdown-05.md): Dropdown menu with icon-labeled buttons (Copy, Account, Bookmark, Settings, Delete) in a GroupFocus overlay.
- [Dropdown 06](https://docs.brikl.co/components/elements/dropdowns/dropdown-06.md): Dropdown with radio button options in a GroupFocus, vertical list layout with icons and labels.
- [Dropdown 07](https://docs.brikl.co/components/elements/dropdowns/dropdown-07.md): Vertical dropdown menu with four icon-labeled buttons in a floating card container.
- [Dropdown 08](https://docs.brikl.co/components/elements/dropdowns/dropdown-08.md): Dropdown menu with header, icon buttons, divider, and grouped action options in a vertical list.
- [Dropdown 09](https://docs.brikl.co/components/elements/dropdowns/dropdown-09.md): Dropdown menu with icon buttons, a divider, header with avatar and email, in a GroupFocus overlay.
- [Dropdown 10](https://docs.brikl.co/components/elements/dropdowns/dropdown-10.md): Dropdown menu with header, icon-labeled options, divider, and logout button in a GroupFocus.
- [Dropdown 11](https://docs.brikl.co/components/elements/dropdowns/dropdown-11.md): Dropdown menu with icon-prefixed options, each showing a label and description in a row layout.
- [Dropdown 12](https://docs.brikl.co/components/elements/dropdowns/dropdown-12.md): Notification dropdown panel with header, two notification rows, timestamps, and status indicators.
- [File Uploader 01](https://docs.brikl.co/components/elements/file-uploaders/file-uploader-01.md): Centered file uploader with image preview, upload button, filename display, and remove option.
- [File Uploader 02](https://docs.brikl.co/components/elements/file-uploaders/file-uploader-02.md): Square file uploader with icon, hover state, and a remove button overlay in top-right corner.
- [File Uploader 03](https://docs.brikl.co/components/elements/file-uploaders/file-uploader-03.md): Circular file uploader with drag-and-drop area, upload icon, and remove button overlay.
- [File Uploader 04](https://docs.brikl.co/components/elements/file-uploaders/file-uploader-04.md): Dashed-border file uploader with icon, label, file preview background, and remove button.
- [File Uploader 05](https://docs.brikl.co/components/elements/file-uploaders/file-uploader-05.md): Dashed-border file upload area with icon, text, and uploaded file display with remove option.
- [File Uploader 06](https://docs.brikl.co/components/elements/file-uploaders/file-uploader-06.md): Dashed-border file upload zone with drag-and-drop area, icon, labels, and uploaded file list.
- [Input 01](https://docs.brikl.co/components/elements/inputs/input-01.md): Vertical column layout with a label text and a styled text input field below it.
- [Input 02](https://docs.brikl.co/components/elements/inputs/input-02.md): Vertical column group with label, text input field, and helper text below.
- [Input 03](https://docs.brikl.co/components/elements/inputs/input-03.md): Vertical column layout with a label row and a styled text input field with hint.
- [Input 04](https://docs.brikl.co/components/elements/inputs/input-04.md): Gray background input field with label, rounded corners, and focus shadow state.
- [Input 05](https://docs.brikl.co/components/elements/inputs/input-05.md): Disabled text input with label, styled with border, shadow, and rounded corners.
- [Input 06](https://docs.brikl.co/components/elements/inputs/input-06.md): Vertical column layout with a label, text input field, and an error message text below.
- [Input 07](https://docs.brikl.co/components/elements/inputs/input-07.md): A labeled text input with a leading icon, border, rounded corners, and focus/error states.
- [Input 08](https://docs.brikl.co/components/elements/inputs/input-08.md): Horizontal input group with inline 'https://' text add-on prefix, bordered and rounded container.
- [Input 09](https://docs.brikl.co/components/elements/inputs/input-09.md): Horizontal input group with inline currency prefix (€) and suffix (EUR) labels, rounded border styling.
- [Input 10](https://docs.brikl.co/components/elements/inputs/input-10.md): Vertical input group with label, prefix add-on badge, and styled text input field.
- [Input 11](https://docs.brikl.co/components/elements/inputs/input-11.md): Horizontal input field with a right-side text add-on badge, labeled above, in a column layout.
- [Input 12](https://docs.brikl.co/components/elements/inputs/input-12.md): Horizontal input field with inline start euro symbol and end EUR currency label, bordered container.
- [Input 13](https://docs.brikl.co/components/elements/inputs/input-13.md): Horizontal input field with attached 'Send' button, label above, clean bordered style.
- [Input 14](https://docs.brikl.co/components/elements/inputs/input-14.md): Horizontal input field with an attached send icon button on the right side.
- [Input 15](https://docs.brikl.co/components/elements/inputs/input-15.md): Horizontal input field paired with a send button, stacked below a label text.
- [Input 16](https://docs.brikl.co/components/elements/inputs/input-16.md): Vertical column group with label, bordered input field, and live character counter text.
- [Input 17](https://docs.brikl.co/components/elements/inputs/input-17.md): Vertical column group with a label, text input, and dynamic character countdown text below.
- [Input 18](https://docs.brikl.co/components/elements/inputs/input-18.md): Horizontal number input with minus and plus buttons on each side, rounded borders.
- [Input 19](https://docs.brikl.co/components/elements/inputs/input-19.md): Currency input field with up/down chevron buttons arranged horizontally with a label above.
- [Input 20](https://docs.brikl.co/components/elements/inputs/input-20.md): Input field with overlapping floating label positioned above the border, inside a group container.
- [Input 21](https://docs.brikl.co/components/elements/inputs/input-21.md): Vertical column group with an inset label above a bordered input field, rounded container.
- [Input 22](https://docs.brikl.co/components/elements/inputs/input-22.md): Two-input range group with 'From' and 'To' numerical fields, label, and rounded borders.
- [Input 23](https://docs.brikl.co/components/elements/inputs/input-23.md): Password input field with strength indicator, eye-slash icon, and regex validation checklist below.
- [Pagination 01](https://docs.brikl.co/components/elements/paginations/pagination-01.md): Horizontal pagination bar with Previous and Next buttons, side by side, minimal style.
- [Pagination 02](https://docs.brikl.co/components/elements/paginations/pagination-02.md): Horizontal pagination bar with Previous and Next buttons aligned space-between.
- [Pagination 03](https://docs.brikl.co/components/elements/paginations/pagination-03.md): Horizontal pagination bar with Previous button, page indicator text, and Next button.
- [Pagination 04](https://docs.brikl.co/components/elements/paginations/pagination-04.md): Horizontal pagination bar with Previous button, page indicator text, and Next button.
- [Pagination 05](https://docs.brikl.co/components/elements/paginations/pagination-05.md): Horizontal pagination bar with previous/next buttons and centered page count text.
- [Pagination 06](https://docs.brikl.co/components/elements/paginations/pagination-06.md): Horizontal pagination bar with previous/next buttons and a centered page count text label.
- [Popup 01](https://docs.brikl.co/components/elements/popups/popup-01.md): Centered confirmation popup with title, description text, and Cancel/Okay action buttons.
- [Popup 02](https://docs.brikl.co/components/elements/popups/popup-02.md): Modal popup with warning icon, confirmation message, and Cancel/Confirm action buttons.
- [Popup 03](https://docs.brikl.co/components/elements/popups/popup-03.md): Centered popup with icon, title, description text, and Cancel/Confirm action buttons.
- [Popup 04](https://docs.brikl.co/components/elements/popups/popup-04.md): Centered popup with icon, title, description text, and two action buttons in a card layout.
- [Popup 05](https://docs.brikl.co/components/elements/popups/popup-05.md): Centered delete confirmation popup with icon, message, cancel and delete action buttons.
- [Popup 06](https://docs.brikl.co/components/elements/popups/popup-06.md): Modal popup with icon, title, message, checkbox, cancel and confirm buttons in a clean layout.
- [Popup 07](https://docs.brikl.co/components/elements/popups/popup-07.md): Modal popup with icon, title, message, checkbox, and two action buttons in clean card layout.
- [Popup 08](https://docs.brikl.co/components/elements/popups/popup-08.md): Delete confirmation popup with icon, message, cancel button, delete button, and don't show again checkbox.
- [Popup 09](https://docs.brikl.co/components/elements/popups/popup-09.md): Centered popup with logo, title, description, email input field, and subscribe button.
- [Popup 10](https://docs.brikl.co/components/elements/popups/popup-10.md): Centered popup with title, textarea input, send feedback button, and close icon.
- [Popup 11](https://docs.brikl.co/components/elements/popups/popup-11.md): Popup with a question title and a horizontal radio button group for numeric rating selection.
- [Popup 12](https://docs.brikl.co/components/elements/popups/popup-12.md): Centered popup with logo, title, description, input fields, and a sign-up button.
- [Popup 13](https://docs.brikl.co/components/elements/popups/popup-13.md): Centered login popup with logo, welcome text, email/password inputs, remember me checkbox, and sign in button.
- [Popup 14](https://docs.brikl.co/components/elements/popups/popup-14.md): Centered popup with logo icon, title, description, text input, and cancel/confirm action buttons.
- [Radio 01](https://docs.brikl.co/components/elements/radios/radio-01.md): Vertical column of three radio button options with icons and labels in a clean layout.
- [Radio 02](https://docs.brikl.co/components/elements/radios/radio-02.md): Vertical column layout with two radio options, each containing an icon button and label with description text.
- [Radio 03](https://docs.brikl.co/components/elements/radios/radio-03.md): Vertical radio group with two options, each having label, description, and expansion input field.
- [Radio 04](https://docs.brikl.co/components/elements/radios/radio-04.md): Vertical radio group with two labeled options, each featuring an icon, title, sublabel, and description.
- [Radio 05](https://docs.brikl.co/components/elements/radios/radio-05.md): Vertical radio button group with two bordered card options, each containing title, sublabel, description, and icon.
- [Radio 06](https://docs.brikl.co/components/elements/radios/radio-06.md): Card-style radio group with avatar, label, sublabel, and circular radio indicator icon.
- [Radio 07](https://docs.brikl.co/components/elements/radios/radio-07.md): Horizontal row of three bordered radio option cards with icons and labels, rounded corners.
- [Radio 08](https://docs.brikl.co/components/elements/radios/radio-08.md): Grid layout with four bordered radio option cards, each containing an icon and label text.
- [Radio 09](https://docs.brikl.co/components/elements/radios/radio-09.md): Vertical stack of four card-style radio options with icon, title, price, and badge.
- [Radio 10](https://docs.brikl.co/components/elements/radios/radio-10.md): Horizontal segmented radio button group with 6 options, bordered style, white background.
- [Radio 11](https://docs.brikl.co/components/elements/radios/radio-11.md): Horizontal radio toggle with two pill-shaped options: Monthly and Yearly billing, with discount badge.
- [Radio 12](https://docs.brikl.co/components/elements/radios/radio-12.md): Vertical radio button list with star rating filters and review counts, clean minimal style.
- [Radio 13](https://docs.brikl.co/components/elements/radios/radio-13.md): Vertical radio card group with icon, label, badge, pricing, and radio button indicator.
- [Radio 14](https://docs.brikl.co/components/elements/radios/radio-14.md): Radio button group with card logo, card info, expiry text, and action buttons in a row layout.
- [Select 01](https://docs.brikl.co/components/elements/selects/select-01.md): Vertical column layout with a label text and a native dropdown select input below it.
- [Select 02](https://docs.brikl.co/components/elements/selects/select-02.md): Vertical column layout with label, native dropdown select, and helper text below.
- [Select 03](https://docs.brikl.co/components/elements/selects/select-03.md): A labeled native dropdown select with gray background, rounded corners, and focus shadow state.
- [Select 04](https://docs.brikl.co/components/elements/selects/select-04.md): Disabled native dropdown select with label, bordered white background, rounded corners.
- [Select 05](https://docs.brikl.co/components/elements/selects/select-05.md): A labeled dropdown select input with a leading icon, styled with border, shadow, and focus states.
- [Select 06](https://docs.brikl.co/components/elements/selects/select-06.md): A dropdown select input with an overlapping label positioned above the field boundary.
- [Select 07](https://docs.brikl.co/components/elements/selects/select-07.md): Bordered card group with inset label text above a native dropdown select input.
- [Stepper 01](https://docs.brikl.co/components/elements/steppers/stepper-01.md): Horizontal stepper with 4 numbered buttons and connecting lines, minimal dark/light style.
- [Stepper 02](https://docs.brikl.co/components/elements/steppers/stepper-02.md): Horizontal stepper with 4 circular step indicators connected by separator lines, showing progress states.
- [Stepper 03](https://docs.brikl.co/components/elements/steppers/stepper-03.md): Horizontal stepper with four circular step buttons connected by lines, minimal dark style.
- [Stepper 04](https://docs.brikl.co/components/elements/steppers/stepper-04.md): Horizontal stepper with numbered circles, connecting lines, and prev/next navigation buttons.
- [Stepper 05](https://docs.brikl.co/components/elements/steppers/stepper-05.md): Horizontal stepper with 4 progress indicator bars and Prev/Next navigation buttons.
- [Stepper 06](https://docs.brikl.co/components/elements/steppers/stepper-06.md): Horizontal stepper with numbered circles, check icons, connecting lines, and step labels.
- [Stepper 07](https://docs.brikl.co/components/elements/steppers/stepper-07.md): Horizontal stepper with numbered circles, connector lines, step titles, and descriptions.
- [Stepper 08](https://docs.brikl.co/components/elements/steppers/stepper-08.md): Horizontal stepper with 4 circular step indicators, connecting lines, and check icons for completed steps.
- [Stepper 09](https://docs.brikl.co/components/elements/steppers/stepper-09.md): Horizontal stepper with numbered circles, connector lines, and prev/next navigation buttons.
- [Stepper 10](https://docs.brikl.co/components/elements/steppers/stepper-10.md): Horizontal stepper with numbered circles, check icons, connecting lines, and step labels.
- [Stepper 11](https://docs.brikl.co/components/elements/steppers/stepper-11.md): Horizontal stepper with numbered/icon circles, connecting lines, and step labels for multi-step flows.
- [Switch 01](https://docs.brikl.co/components/elements/switchs/switch-01.md): Pill-shaped toggle switch with a circular white knob that slides left or right.
- [Switch 02](https://docs.brikl.co/components/elements/switchs/switch-02.md): A toggle switch group with a circular white knob that slides between off and on states.
- [Switch 03](https://docs.brikl.co/components/elements/switchs/switch-03.md): A pill-shaped toggle switch with a circular white thumb that slides between off and on states.
- [Switch 04](https://docs.brikl.co/components/elements/switchs/switch-04.md): A minimal toggle switch with a circular thumb that slides between off and on states.
- [Switch 05](https://docs.brikl.co/components/elements/switchs/switch-05.md): Horizontal toggle switch with label text, showing Off/On states with dark and light styling.
- [Switch 06](https://docs.brikl.co/components/elements/switchs/switch-06.md): A toggle switch with On/Off labels, rounded pill shape, and animated white thumb indicator.
- [Switch 07](https://docs.brikl.co/components/elements/switchs/switch-07.md): A toggle switch with moon/sun icon, pill-shaped track, and animated circular knob.
- [Switch 08](https://docs.brikl.co/components/elements/switchs/switch-08.md): Pill-shaped toggle switch with moon and sun icons indicating off/on states.
- [Switch 09](https://docs.brikl.co/components/elements/switchs/switch-09.md): Labeled switch with toggle, sublabel, description text, rounded pill shape, column layout.
- [Switch 10](https://docs.brikl.co/components/elements/switchs/switch-10.md): Card-style switch with icon, label, sublabel, description text, and toggle control on the right.
- [Table 01](https://docs.brikl.co/components/elements/tables/table-01.md): A multi-column data table with header row and data rows displaying name, email, status, location, and balance.
- [Table 02](https://docs.brikl.co/components/elements/tables/table-02.md): A styled data table with header row and data rows showing Name, Email, Status, Location, and Balance columns.
- [Table 03](https://docs.brikl.co/components/elements/tables/table-03.md): Multi-column data table with sticky header row showing Name, Status, Balance, Email, and Location columns.
- [Table 04](https://docs.brikl.co/components/elements/tables/table-04.md): A multi-column data table with checkboxes, name, status, balance, email, and location columns.
- [Table 05](https://docs.brikl.co/components/elements/tables/table-05.md): Data table with checkbox selection, avatar, name, email, status, balance, and location columns.
- [Table 06](https://docs.brikl.co/components/elements/tables/table-06.md): Multi-column data table with sticky header row, displaying programming language metadata in structured columns.
- [Table 07](https://docs.brikl.co/components/elements/tables/table-07.md): A structured data table with checkboxes, status, balance, email, and location columns.
- [Table 08](https://docs.brikl.co/components/elements/tables/table-08.md): A multi-column data table with avatar, name, status, email, location, and balance columns.
- [Tabs 01](https://docs.brikl.co/components/elements/tabs/tabs-01.md): Horizontal tab bar with three pill-style buttons on a rounded gray container.
- [Tabs 02](https://docs.brikl.co/components/elements/tabs/tabs-02.md): Horizontal tab bar with three pill-style buttons in a rounded white container.
- [Tabs 03](https://docs.brikl.co/components/elements/tabs/tabs-03.md): Horizontal tab bar with three pill-style buttons in a dark rounded row layout.
- [Tabs 04](https://docs.brikl.co/components/elements/tabs/tabs-04.md): Horizontal tab bar with three underline-style tab buttons in a row layout.
- [Tabs 05](https://docs.brikl.co/components/elements/tabs/tabs-05.md): Horizontal tab bar with three text tabs, separators, and underline active indicator style.
- [Tabs 06](https://docs.brikl.co/components/elements/tabs/tabs-06.md): Horizontal tab bar with three icon-label buttons on a rounded light gray container.
- [Tabs 07](https://docs.brikl.co/components/elements/tabs/tabs-07.md): Dark-themed horizontal tab bar with three icon-label buttons in a rounded row layout.
- [Tabs 08](https://docs.brikl.co/components/elements/tabs/tabs-08.md): Vertical tab navigation with three icon-label buttons separated by dividers, underline active style.
- [Tabs 09](https://docs.brikl.co/components/elements/tabs/tabs-09.md): Horizontal tab bar with three icon-label buttons using underline active indicator on white background.
- [Tabs 10](https://docs.brikl.co/components/elements/tabs/tabs-10.md): Vertical column tab group with three icon-text buttons on a light background, switching content panels.
- [Tabs 11](https://docs.brikl.co/components/elements/tabs/tabs-11.md): Vertical tab navigation with three options in a column layout on a light gray background.
- [Tabs 12](https://docs.brikl.co/components/elements/tabs/tabs-12.md): Vertical tab navigation with three icon-label buttons and a content area below, dark-accented style.
- [Textarea 01](https://docs.brikl.co/components/elements/textareas/textarea-01.md): Vertical column layout with a label text above a styled multiline textarea input field.
- [Textarea 02](https://docs.brikl.co/components/elements/textareas/textarea-02.md): Vertical column group with label, helper text, and a multiline textarea input field.
- [Textarea 03](https://docs.brikl.co/components/elements/textareas/textarea-03.md): Vertical column layout with label row, optional tag, and a multi-line textarea input field.
- [Textarea 04](https://docs.brikl.co/components/elements/textareas/textarea-04.md): Vertical column layout with a label text and a gray-background multiline textarea input below.
- [Textarea 05](https://docs.brikl.co/components/elements/textareas/textarea-05.md): Vertical column layout with a label, multiline textarea, and a secondary send button below.
- [Textarea 06](https://docs.brikl.co/components/elements/textareas/textarea-06.md): Vertical column layout with a label, expandable textarea, and a right-aligned send button.
- [Textarea 07](https://docs.brikl.co/components/elements/textareas/textarea-07.md): Vertical column layout with a label, multiline textarea input, and a secondary send button.
- [Textarea 08](https://docs.brikl.co/components/elements/textareas/textarea-08.md): Vertical textarea group with label, character counter, and multiline input field.
- [Textarea 09](https://docs.brikl.co/components/elements/textareas/textarea-09.md): Textarea with overlapping label positioned above the input field, minimal style.
- [Textarea 10](https://docs.brikl.co/components/elements/textareas/textarea-10.md): Rounded bordered textarea with inset label, focus/error states, and character limit.
- [Timeline 01](https://docs.brikl.co/components/elements/timelines/timeline-01.md): Vertical timeline with circular indicators, separators, and date, title, description text columns.
- [Timeline 02](https://docs.brikl.co/components/elements/timelines/timeline-02.md): Vertical timeline with circular indicators, separators, dates, titles, and description text in a column layout.
- [Timeline 03](https://docs.brikl.co/components/elements/timelines/timeline-03.md): Vertical timeline with circular indicators, separators, and stacked title, description, and date text.
- [Timeline 04](https://docs.brikl.co/components/elements/timelines/timeline-04.md): Vertical timeline with circular indicators, separators, titles, descriptions, and timestamps in column layout.
- [Timeline 05](https://docs.brikl.co/components/elements/timelines/timeline-05.md): Vertical timeline with icon indicators, separators, and title/description/date text columns.
- [Timeline 06](https://docs.brikl.co/components/elements/timelines/timeline-06.md): Vertical timeline with icon indicators, separators, titles, descriptions, and timestamps in a column layout.
- [Timeline 07](https://docs.brikl.co/components/elements/timelines/timeline-07.md): Vertical timeline with avatars, separators, author labels, and bordered message bubbles in column layout.
- [Timeline 08](https://docs.brikl.co/components/elements/timelines/timeline-08.md): Vertical timeline list with four items showing event descriptions and timestamps, bordered rows.
- [Timeline 09](https://docs.brikl.co/components/elements/timelines/timeline-09.md): Vertical timeline with avatar, icon, and activity text rows separated by bottom borders.
- [Timeline 10](https://docs.brikl.co/components/elements/timelines/timeline-10.md): Vertical timeline with circular indicators, separators, dates, titles, and descriptions in column layout.
- [Banner 01](https://docs.brikl.co/components/marketing/banners/banner-01.md): Horizontal cookie consent banner with descriptive text and Accept/Decline action buttons.
- [Banner 02](https://docs.brikl.co/components/marketing/banners/banner-02.md): Dark horizontal banner with announcement text and a right-arrow icon on a black background.
- [Banner 03](https://docs.brikl.co/components/marketing/banners/banner-03.md): Dark horizontal banner with icon, descriptive text, and a primary-colored upgrade link.
- [Banner 04](https://docs.brikl.co/components/marketing/banners/banner-04.md): Dark horizontal banner with icon, announcement text, and a 'Learn more' link on the right.
- [Banner 05](https://docs.brikl.co/components/marketing/banners/banner-05.md): Dark full-width notification banner with icon, message text, learn more link, and close button.
- [Banner 06](https://docs.brikl.co/components/marketing/banners/banner-06.md): Dark horizontal banner with icon, text, action buttons, and a close button.
- [Banner 07](https://docs.brikl.co/components/marketing/banners/banner-07.md): Dark banner with icon, title, description, action button, and close button in a horizontal layout.
- [Banner 08](https://docs.brikl.co/components/marketing/banners/banner-08.md): Horizontal banner with centered newsletter text and a subscribe link button.
- [Banner 09](https://docs.brikl.co/components/marketing/banners/banner-09.md): Horizontal banner with version badge, descriptive text, and a download action button.
- [Blog 01](https://docs.brikl.co/components/marketing/blog-lists/blog-01.md): Centered blog section with header text and a list of article cards featuring badges, titles, and author info.
- [Blog 02](https://docs.brikl.co/components/marketing/blog-lists/blog-02.md): Blog listing section with header, title, description, article cards, and a 'View All Posts' button.
- [Blog 03](https://docs.brikl.co/components/marketing/blog-lists/blog-03.md): Blog listing component with article cards featuring image, badge, title, description, and author avatar.
- [Blog 04](https://docs.brikl.co/components/marketing/blog-lists/blog-04.md): Centered blog listing with header, article cards, author info, badges, and descriptions.
- [Blog 05](https://docs.brikl.co/components/marketing/blog-lists/blog-05.md): Blog listing component with article image, badge, title, description, and author avatar row.
- [Blog 06](https://docs.brikl.co/components/marketing/blog-lists/blog-06.md): Centered blog listing with header badge, title, description, view-all button, and article cards.
- [Blog 07](https://docs.brikl.co/components/marketing/blog-lists/blog-07.md): Centered blog section with header badge, title, description, and article cards in a column layout.
- [Careers 02](https://docs.brikl.co/components/marketing/careers/careers-02.md): Vertical careers section with header, job listings, badges, and position details in clean layout.
- [Careers 03](https://docs.brikl.co/components/marketing/careers/careers-03.md): Vertical careers section with header, job title badges, and position listings in a column layout.
- [Careers 04](https://docs.brikl.co/components/marketing/careers/careers-04.md): Centered careers section with header, filterable category tabs, and listed job positions with details.
- [Careers 05](https://docs.brikl.co/components/marketing/careers/careers-05.md): Centered careers section with header text, job listings, badges, and position titles in column layout.
- [Carrers 01](https://docs.brikl.co/components/marketing/careers/carrers-01.md): Centered careers section with header, job title badges, descriptions, and location details in column layout.
- [Contact 01](https://docs.brikl.co/components/marketing/contact-sections/contact-01.md): Centered contact section with header, email, phone info cards featuring icons and links.
- [Contact 02](https://docs.brikl.co/components/marketing/contact-sections/contact-02.md): Contact section with header text, info cards featuring icons, descriptions, and email links.
- [Contact 03](https://docs.brikl.co/components/marketing/contact-sections/contact-03.md): Centered contact section with header text, a multi-field form, and privacy policy checkbox.
- [Contact 04](https://docs.brikl.co/components/marketing/contact-sections/contact-04.md): Centered contact form with header text, email input, and message textarea in a clean layout.
- [Contact 05](https://docs.brikl.co/components/marketing/contact-sections/contact-05.md): Two-column contact form with first name, last name inputs, labels, and responsive stacking layout.
- [Contact 06](https://docs.brikl.co/components/marketing/contact-sections/contact-06.md): Centered contact section with header, email info card, chat support card, and icon details on light background.
- [Faq 01](https://docs.brikl.co/components/marketing/faqs/faq-01.md): Vertical FAQ list with bold questions and gray answers, separated by bottom borders.
- [Faq 02](https://docs.brikl.co/components/marketing/faqs/faq-02.md): Vertical accordion FAQ layout with expandable question rows, caret icons, and answer text.
- [Faq 03](https://docs.brikl.co/components/marketing/faqs/faq-03.md): Two-column FAQ layout with categorized accordion sections, headings, and toggle icons.
- [Faq 04](https://docs.brikl.co/components/marketing/faqs/faq-04.md): Vertical FAQ list with bold questions and gray answer text, column layout, minimal style.
- [Faq 05](https://docs.brikl.co/components/marketing/faqs/faq-05.md): Vertical FAQ list with icon boxes, bold questions, and gray answer text in column layout.
- [Faq 06](https://docs.brikl.co/components/marketing/faqs/faq-06.md): Vertical FAQ list with icon boxes, bold questions, and gray answer text on white background.
- [Features 01](https://docs.brikl.co/components/marketing/features/features-01.md): Three-column feature grid with icons, titles, and descriptions in a centered card layout.
- [Features 02](https://docs.brikl.co/components/marketing/features/features-02.md): Centered features grid with icon boxes, bold titles, and descriptive text in column layout.
- [Features 03](https://docs.brikl.co/components/marketing/features/features-03.md): Two-column features section with icon header, title, description, and stacked feature list items.
- [Features 04](https://docs.brikl.co/components/marketing/features/features-04.md): Vertical feature list with icon boxes, title, description text, and learn more buttons.
- [Features 05](https://docs.brikl.co/components/marketing/features/features-05.md): Vertical features section with icon header, two-column feature list, icons, titles, descriptions, and learn more links.
- [Features 06](https://docs.brikl.co/components/marketing/features/features-06.md): Feature section with icon cards, titles, descriptions, and 'Learn more' CTAs in column layout.
- [Features 07](https://docs.brikl.co/components/marketing/features/features-07.md): Two-column feature cards layout with icons, titles, and descriptions in centered alignment.
- [Footer 01](https://docs.brikl.co/components/marketing/footers/footer-01.md): Multi-column footer with categorized navigation links, brand section, and responsive stacked mobile layout.
- [Footer 02](https://docs.brikl.co/components/marketing/footers/footer-02.md): Multi-column footer with logo, description, and categorized navigation links in clean layout.
- [Footer 03](https://docs.brikl.co/components/marketing/footers/footer-03.md): Footer with logo, copyright text, newsletter signup input, and subscribe button in a horizontal layout.
- [Footer 04](https://docs.brikl.co/components/marketing/footers/footer-04.md): Horizontal footer with newsletter title, description, email input, and subscribe button on light background.
- [Footer 05](https://docs.brikl.co/components/marketing/footers/footer-05.md): Horizontal footer with logo, description text, navigation links, and responsive mobile layout.
- [Footer 06](https://docs.brikl.co/components/marketing/footers/footer-06.md): Horizontal footer with logo on left and navigation links aligned to the right.
- [Footer 07](https://docs.brikl.co/components/marketing/footers/footer-07.md): Horizontal footer with logo, description text, and multiple navigation links in a row.
- [Hero 01](https://docs.brikl.co/components/marketing/heroes/hero-01.md): Centered hero section with headline, subtitle, CTA button, and avatar row with star ratings.
- [Hero 02](https://docs.brikl.co/components/marketing/heroes/hero-02.md): Centered hero section with badge, headline, subtitle, and CTA buttons on clean background.
- [Hero 03](https://docs.brikl.co/components/marketing/heroes/hero-03.md): Centered hero section with badge, heading, subtext, dual CTA buttons, and press logo strip.
- [Hero 04](https://docs.brikl.co/components/marketing/heroes/hero-04.md): Centered hero section with logo, headline text, CTA button, and feature list in column layout.
- [Hero 05](https://docs.brikl.co/components/marketing/heroes/hero-05.md): Centered hero section with badge, heading, subtitle, and two CTA buttons side by side.
- [Hero 06](https://docs.brikl.co/components/marketing/heroes/hero-06.md): Centered hero section with heading, subtext, two CTA buttons, and avatar social proof row.
- [Hero 07](https://docs.brikl.co/components/marketing/heroes/hero-07.md): Centered hero with headline, subtitle, dual CTA buttons, and a main thumbnail image below.
- [Hero 08](https://docs.brikl.co/components/marketing/heroes/hero-08.md): Centered hero section with headline, subtitle, badge, and two CTA buttons in a clean layout.
- [Integrations 01](https://docs.brikl.co/components/marketing/integrations/integrations-01.md): Centered integration card with two logos, arrows icon, title, description, and feature checklist.
- [Integrations 02](https://docs.brikl.co/components/marketing/integrations/integrations-02.md): Grid layout showcasing integration cards with logos, names, and descriptions in a clean style.
- [Integrations 03](https://docs.brikl.co/components/marketing/integrations/integrations-03.md): Grid layout of integration cards with logos, titles, descriptions, and connect buttons.
- [Integrations 04](https://docs.brikl.co/components/marketing/integrations/integrations-04.md): Centered integrations section with header text and a grid of branded logo cards.
- [Integrations 05](https://docs.brikl.co/components/marketing/integrations/integrations-05.md): Two-column integrations section with headline, description text, CTA buttons, and platform logo grid.
- [Integrations 06](https://docs.brikl.co/components/marketing/integrations/integrations-06.md): Centered integrations section with header text, platform logos, and view integration buttons in a grid layout.
- [Integrations 07](https://docs.brikl.co/components/marketing/integrations/integrations-07.md): Grid-based integrations showcase with logos, titles, and descriptions on light card backgrounds.
- [Integrations 08](https://docs.brikl.co/components/marketing/integrations/integrations-08.md): Integrations page with categorized platform cards featuring logos, titles, descriptions, and toggle switches.
- [Logos 01](https://docs.brikl.co/components/marketing/logos/logos-01.md): Centered logos section with headline text and a horizontal row of five brand logo images.
- [Logos 02](https://docs.brikl.co/components/marketing/logos/logos-02.md): Centered logo showcase with headline text and two rows of company logos in a horizontal layout.
- [Logos 03](https://docs.brikl.co/components/marketing/logos/logos-03.md): Centered logo grid on grey rounded card with headline text, displaying five brand logos in a row.
- [Logos 04](https://docs.brikl.co/components/marketing/logos/logos-04.md): Two-row grid of logo cards with centered heading text on light gray background.
- [Navbar 01](https://docs.brikl.co/components/marketing/navbars/navbar-01.md): Horizontal navbar with logo, navigation menu links, and responsive visibility control.
- [Navbar 02](https://docs.brikl.co/components/marketing/navbars/navbar-02.md): Horizontal navbar with logo on left, centered nav links, and action buttons on right.
- [Navbar 03](https://docs.brikl.co/components/marketing/navbars/navbar-03.md): Horizontal navbar with logo, navigation menu buttons, and a search input bar.
- [Navbar 04](https://docs.brikl.co/components/marketing/navbars/navbar-04.md): Horizontal navbar with logo on left, centered nav links, and responsive mobile behavior.
- [Navbar 05](https://docs.brikl.co/components/marketing/navbars/navbar-05.md): Horizontal navbar with logo, search input, notification bell, account avatar, and hamburger menu.
- [Navbar 06](https://docs.brikl.co/components/marketing/navbars/navbar-06.md): Horizontal navbar with logo, dropdown menu links, and responsive visibility toggle for desktop.
- [Navbar 07](https://docs.brikl.co/components/marketing/navbars/navbar-07.md): Horizontal navbar with logo, navigation menu links, login and signup buttons, and mobile hamburger trigger.
- [Navbar 08](https://docs.brikl.co/components/marketing/navbars/navbar-08.md): Horizontal navbar with logo, navigation menu buttons, login/signup buttons, and mobile hamburger trigger.
- [Pricing 01](https://docs.brikl.co/components/marketing/pricing-sections/pricing-01.md): Centered pricing section with header, single pricing card, price display, and feature list.
- [Pricing 02](https://docs.brikl.co/components/marketing/pricing-sections/pricing-02.md): Pricing card with badge, plan name, price, separator, and features section in a structured layout.
- [Pricing 03](https://docs.brikl.co/components/marketing/pricing-sections/pricing-03.md): Pricing section with header, description, and feature cards displaying icons, titles, and descriptions.
- [Pricing 04](https://docs.brikl.co/components/marketing/pricing-sections/pricing-04.md): Centered pricing section with toggle billing switch and pricing cards in a clean layout.
- [Pricing 05](https://docs.brikl.co/components/marketing/pricing-sections/pricing-05.md): Two-column pricing cards with toggle billing switch, feature lists, and CTA buttons.
- [Pricing 06](https://docs.brikl.co/components/marketing/pricing-sections/pricing-06.md): Three-column pricing cards layout with icons, plan names, prices, and feature lists.
- [Pricing 07](https://docs.brikl.co/components/marketing/pricing-sections/pricing-07.md): Centered pricing section with header, badge, price display, and two CTA buttons.
- [Pricing 08](https://docs.brikl.co/components/marketing/pricing-sections/pricing-08.md): Multi-card pricing section with toggle billing, feature lists, icons, and plan headers.
- [Team 01](https://docs.brikl.co/components/marketing/teams/team-01.md): Centered team section with header text and a grid of avatar cards showing name and role.
- [Team 02](https://docs.brikl.co/components/marketing/teams/team-02.md): Responsive team section with header, title, description, and two CTA buttons in a row layout.
- [Team 03](https://docs.brikl.co/components/marketing/teams/team-03.md): Grid-based team section with avatar images, names, roles, bios, and social icons.
- [Team 04](https://docs.brikl.co/components/marketing/teams/team-04.md): Centered team section with header, tagline, description text, and two CTA buttons in a column layout.
- [Team 05](https://docs.brikl.co/components/marketing/teams/team-05.md): Grid-based team section with avatar images, names, roles, bios, and social icons.
- [Team 06](https://docs.brikl.co/components/marketing/teams/team-06.md): Centered team section with header, description text, and two CTA buttons in a column layout.
- [Testimonial 01](https://docs.brikl.co/components/marketing/testimonials/testimonial-01.md): Centered testimonial section with logo, quote text, avatar image, and name/role details.
- [Testimonial 02](https://docs.brikl.co/components/marketing/testimonials/testimonial-02.md): Centered testimonial section with a large quote, avatar, name, role, and a row of brand logos below.
- [Testimonial 03](https://docs.brikl.co/components/marketing/testimonials/testimonial-03.md): Centered testimonial section with header, star rating, quote text, and customer profile.
- [Testimonial 04](https://docs.brikl.co/components/marketing/testimonials/testimonial-04.md): Centered testimonial card with quote, avatar, name, role, and category badge on light background.
- [Testimonial 05](https://docs.brikl.co/components/marketing/testimonials/testimonial-05.md): Centered testimonials section with header, customer reviews, avatars, logos, and verified badges.
- [Testimonial 06](https://docs.brikl.co/components/marketing/testimonials/testimonial-06.md): Centered testimonial grid with avatar, star rating, name badge, and review text in card layout.
- [Testimonial 07](https://docs.brikl.co/components/marketing/testimonials/testimonial-07.md): Centered testimonials section with header, star ratings, customer avatars, names, roles, and review text cards.
- [Testimonial 08](https://docs.brikl.co/components/marketing/testimonials/testimonial-08.md): Split testimonial layout with featured avatar card, main quote block, and trio review cards.
- [Disclaimer](https://docs.brikl.co/disclaimer.md)
- [E-Tutor](https://docs.brikl.co/e-tutor.md)
- [Elevate](https://docs.brikl.co/elevate.md)
- [Fashionshop](https://docs.brikl.co/fashionshop.md)
- [Flowbase](https://docs.brikl.co/flowbase.md)
- [Herova](https://docs.brikl.co/herova.md)
- [Homeo](https://docs.brikl.co/homeo.md)
- [Installation](https://docs.brikl.co/installation.md)
- [Layouts](https://docs.brikl.co/layouts.md)
- [Library](https://docs.brikl.co/library.md)
- [Metrics](https://docs.brikl.co/metrics.md)
- [Onboardings](https://docs.brikl.co/onboardings.md)
- [Order Histories](https://docs.brikl.co/order-histories.md)
- [Order Summaries](https://docs.brikl.co/order-summaries.md)
- [Plugins](https://docs.brikl.co/plugins.md)
- [Privacy Policy](https://docs.brikl.co/privacy-policy.md)
- [Product Lists](https://docs.brikl.co/product-lists.md)
- [Profile Settings](https://docs.brikl.co/profile-settings.md)
- [Refund Policy](https://docs.brikl.co/refund-policy.md)
- [Reviews](https://docs.brikl.co/reviews.md)
- [Rigdev](https://docs.brikl.co/rigdev.md)
- [Sidebars](https://docs.brikl.co/sidebars.md)
- [Slideout Menus](https://docs.brikl.co/slideout-menus.md)
- [Studio](https://docs.brikl.co/studio.md)
- [Team Management](https://docs.brikl.co/team-management.md)
- [Templates](https://docs.brikl.co/templates.md)
- [Terms of Service](https://docs.brikl.co/terms-of-service.md)
- [Tripago](https://docs.brikl.co/tripago.md)
- [Warpspeed](https://docs.brikl.co/warpspeed.md)
- [Welcome](https://docs.brikl.co/welcome.md)
- [Workhive](https://docs.brikl.co/workhive.md)
- [Writeology](https://docs.brikl.co/writeology.md)

## OpenAPI Specs

- [openapi](https://docs.brikl.co/api-reference/openapi.json)