# Brikl Documentation

## Docs

- [About Sections](https://docs.brikl.co/about-sections.md)
- [Banners](https://docs.brikl.co/banners.md)
- [Billings](https://docs.brikl.co/billings.md)
- [Blog Lists](https://docs.brikl.co/blog-lists.md)
- [Blog Posts](https://docs.brikl.co/blog-posts.md)
- [Careers](https://docs.brikl.co/careers.md)
- [Carts](https://docs.brikl.co/carts.md)
- [Case Studies](https://docs.brikl.co/case-studies.md)
- [Changelog Sections](https://docs.brikl.co/changelog-sections.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.
- [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.
- [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.
- [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.
- [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.
- [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.
- [Contact Sections](https://docs.brikl.co/contact-sections.md)
- [Disclaimer](https://docs.brikl.co/disclaimer.md)
- [E-Tutor](https://docs.brikl.co/e-tutor.md)
- [Elevate](https://docs.brikl.co/elevate.md)
- [FAQs](https://docs.brikl.co/faqs.md)
- [Fashionshop](https://docs.brikl.co/fashionshop.md)
- [Features](https://docs.brikl.co/features.md)
- [Flowbase](https://docs.brikl.co/flowbase.md)
- [Footers](https://docs.brikl.co/footers.md)
- [Galleries](https://docs.brikl.co/galleries.md)
- [Heroes](https://docs.brikl.co/heroes.md)
- [Herova](https://docs.brikl.co/herova.md)
- [Homeo](https://docs.brikl.co/homeo.md)
- [Installation](https://docs.brikl.co/installation.md)
- [Integrations](https://docs.brikl.co/integrations.md)
- [Layouts](https://docs.brikl.co/layouts.md)
- [Library](https://docs.brikl.co/library.md)
- [Logins](https://docs.brikl.co/logins.md)
- [Logos](https://docs.brikl.co/logos.md)
- [Metrics](https://docs.brikl.co/metrics.md)
- [Navbars](https://docs.brikl.co/navbars.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)
- [Pricing Sections](https://docs.brikl.co/pricing-sections.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)
- [Signups](https://docs.brikl.co/signups.md)
- [Slideout Menus](https://docs.brikl.co/slideout-menus.md)
- [Stats](https://docs.brikl.co/stats.md)
- [Studio](https://docs.brikl.co/studio.md)
- [Team Management](https://docs.brikl.co/team-management.md)
- [Teams](https://docs.brikl.co/teams.md)
- [Templates](https://docs.brikl.co/templates.md)
- [Terms of Service](https://docs.brikl.co/terms-of-service.md)
- [Testimonials](https://docs.brikl.co/testimonials.md)
- [Timelines](https://docs.brikl.co/timelines.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)