getting started
installation
configuration
elements
successinfowarningerrornotification
Icon with badgeButton with badgeUnread Notifications
ArticleArticle With SM iconsArticle With ImageParagraph With ImageProductProduct With EvaluationProduct with Evaluation 2Simple ProductTestimonialUserUser with Details
Simple CarouselWith ControlsWith IndicatorsWith Captions
Data URL MethodComponent Method
Chakra UI Site HeaderCentered with bottom borderSimple links centeredSimple links on leftWith full-width flyouts
Basic PaginationBasic Pagination with IconMore PagesSize ChangerPage JumperResponsive Pagination
Rippled Buttons
page sections
Simple JustifiedSimple StackedSimple CenteredSplit with ImageBrand Panel with App Screenshot
Simple 3 ColumnCentered 2x2 gridWith feature grid listWith feature listOffset 2x2 gridAlternative side-by-side with media
SimpleCompany Footer
With SignupSimple CenteredSplitWith App ScreenshotKutty Signup formWith Angled ImageSimple Centered 2With Background Image
Single price with infoSingle price with detailsTwo simple tiersTwo tiers with extra tierThree tiers with emphasized tierThree tiers with toggle
navigation
Guest Simple Links RightDashboard Simple Links LeftDashboard Sub-Navigation LinksWith Quick Action
lists
Mobile Responsive Table MinimalMobile Responsive TableMobile Responsive Table with Print support
forms
Two-column cards with separate submit actions
application shells
simple with icons, and brand colorBrand Sidebar
packages
InstallationImportBasic PaginationFocus RingMore PagesChange Page SizeJump to a page directlyChange SizeSimple ModeControlled page numberTotal numberPrev and nextPreset StylingCustom StylingResponsive PaginationWith Live Data
InstallationImportBasic ComboboxGroupsAccessing Internal StateCustom RenderingPLayground
InstallationImportPlayground
