| Choc UI

Choc UI

getting started

elements

success info warning error notification

Icon with badge Button with badge Unread Notifications

Article Article With SM icons Article With Image Paragraph With Image Product Product With Evaluation Product with Evaluation 2 Simple Product Testimonial User User with Less Details User with More Details

Simple Carousel With Controls With Indicators With Captions With Swipe / Drag

Data URL Method Component Method

Chakra UI Site Header Centered with bottom border Simple links centered Simple links on left With full-width flyouts

Basic Pagination Basic Pagination with Icon More Pages Size Changer Page Jumper Responsive Pagination

Extra Components

Rippled Buttons Snackbar

page sections

Simple Justified Simple Stacked Simple Centered Split with Image Brand Panel with App Screenshot

Simple 3 Column Centered 2x2 grid With feature grid list With feature list Offset 2x2 grid Alternative side-by-side with media

Simple Company Footer

With Signup Simple Centered Split With App Screenshot Kutty Signup form With Angled Image Simple Centered 2 With Background Image

Single price with info Single price with details Two simple tiers Two tiers with extra tier Three tiers with emphasized tier Three tiers with toggle

Accordion With Icons

navigation

Guest Simple Links Right Dashboard Simple Links Left Dashboard Sub-Navigation Links With Quick Action

lists

Mobile Responsive Table Minimal Mobile Responsive Table Mobile Responsive Table with Print support

forms

Two-column cards with separate submit actions

application shells

sidebar layouts

simple with icons, and brand color Brand Sidebar

packages

Installation Import Basic Pagination Focus Ring More Pages Change Page Size Jump to a page directly Change Size Simple Mode Controlled page number Total number Prev and next Preset Styling Custom Styling Responsive Pagination With Live Data

Installation Import Basic Combobox Groups Accessing Internal State Custom Rendering PLayground

Installation Import Playground

Proudly developed in by Anuoluwapo Abraham