@comfort-order/dry v0.2.5

Table of Contents

• About the Project
  • Built With
• Roadmap
• License
• Contact
• Resources
• Quick Start
• Contrubuting
  • Creating a component
  • Styling
  • Write a story
  • Writing tests
  • Adding documentation
  • Submitting for review
  • Publishing a release

About The Project

Built With

Roadmap

See the open issues for a list of proposed features (and known issues).

License

Distributed under the Proprietary License. See LICENSE for more information.

Contact

Daniel Hernandez - Gmail - email

Project Link: https://dev.azure.com/Comfort-Order/DRY

Resources

• material
• material-ui
• Zeplen
• codesandbox

• icomoon

• GitHub Emoji Cheat Sheet

• Img Shields
• GitHub Pages
• Animate.css
• Loaders.css
• Slick Carousel
• Smooth Scroll
• Sticky Kit
• JVectorMap
• Font Awesome
• Border Radius Generator

Types / Subtypes

Special

• Dark Mode
• Timeline
• Skill Bar
• Calendar
• Typical Device Breakpoints
• Draggable HTML Element
• Syntax Highlighter
• CollScroll
  • Parallax
  • Scroll Drawing
  • Gradient Bg Scroll

Templates

• Single page (Architecture )
  • themes (stylistic )
    • Restaurant
    • Flower shop
• eCommerce
• Coming Soon Page

Base

• Cards
  • Cards
  • Flip Card
  • Profile Card
  • Product Card
  • Contenteditable

ImageLists

• QuiltedImageList
• StandardImageList
• WovenImageList

ProgressIndicators

• CircularIndicator
• LinearIndicator
• Scroll Indicator
• Progress Bars

Buttons

• ActionButton
• DryButton
• ToggleButton
• OutlinedButton
• ContainedButton
• TextButton
• Alert Buttons
• Outline Buttons
• Split Buttons
• Animated Buttons
• Fading Buttons
• Button on Image
• Social Media Buttons
• Read More Read Less
• Loading Buttons
• Download Buttons
• Pill Buttons
• Notification Button
• Icon Buttons
• Next/prev Buttons
• More Button in Nav
• Block Buttons
• Text Buttons
• Round Buttons
• Scroll To Top Button
• Toggle Like/Dislike

Lists

• Divider
• SingleLineList
• ThreeLineList
• TwoLineList

UserHelpers

• Banner
• Snackbar
• Tooltip
• Loaders
• Alerts
• Notes
• Countdown Timer
• Typewriter

Features

• About
• ImageCarousel
• Team
• Headers1
  • Header1
  • Header
  • Smooth Scroll
  • Sticky Header
  • Shrink Header on Scroll
• Hours
• SpotlightGallery
• To Do List
• Star Rating
• User Rating
• Coupon
• Footer
• Pricing
• Flip Box
• Split Screen
• Testimonials
• Section Counter
• Quotes Slideshow

Menus

• Accordion
• BottomSheet
• SideSheet
• AccordionSingle
• DropdownMenu
• Tab
• BottomBar
• NavigationDrawer
• TopBar
• BottomNavigation
• NavigationRail
• Sidebar
• Icon Bar
• Menu Icon
• Accordion
• Tabs
• Vertical Tabs
• Tab Headers
• Full Page Tabs
• Hover Tabs
• Top Navigation
• Responsive Topnav
• Navbar with Icons
• Search Menu
• Search Bar
• Fixed Sidebar
• Side Navigation
• Responsive Sidebar
• Fullscreen Navigation
• Off-Canvas Menu
• Hover Sidenav Buttons
• Sidebar with Icons
• Horizontal Scroll Menu
• Vertical Menu
• Bottom Navigation
• Responsive Bottom Nav
• Bottom Border Nav Links
• Right Aligned Menu Links
• Centered Menu Link
• Equal Width Menu Links
• Fixed Menu
• Slide Down Bar on Scroll
• Hide Navbar on Scroll
• Shrink Navbar on Scroll
• Sticky Navbar
• Navbar on Image
• Hover Dropdowns
• Click Dropdowns
• Dropdown in Topnav
• Dropdown in Sidenav
• Resp Navbar Dropdown
• Subnavigation Menu
• Dropup
• Mega Menu
• Mobile Menu
• Curtain Menu
• Collapsed Sidebar
• Collapsed Sidepanel
• Pagination
• Breadcrumbs
• Button Group
• Vertical Button Group
• Sticky Social Bar
• Pill Navigation
• Responsive Header
• Tree View

Forms

• Login Form
• Signup Form
• Checkout Form
• Contact Form
• Social Login Form
• Register Form
• Form with Icons
• Newsletter
• Stacked Form
• Responsive Form
• Popup Form
• Inline Form
• Clear Input Field
• Hide Number Arrows
• Copy Text to Clipboard
• Animated Search
• Search Button
• Fullscreen Search
• Input Field in Navbar
• Login Form in Navbar
• Custom Checkbox/Radio
• Custom Select
• Toggle Switch
• Check Checkbox
• Detect Caps Lock
• Trigger Button on Enter
• Password Validation
• Toggle Password Visibility
• Multiple Step Form
• Autocomplete
• Turn off autocomplete
• Turn off spellcheck
• File Upload Button
• Empty Input Validation

FormHelpers

• Checkbox
• Label
• SelectionControl
• Chip
• Contact Chips
• Password
• Slider
• DatePicker
• Radio
• Switch
• Input
• Select
• Range Sliders
• Custom Scrollbar
• Closable List Items

Filters

• Filter List
• Filter Table
• Filter Elements
• Filter Dropdown
• Sort List
• Sort Table

Modals

• AlertDialog
• ConfirmationDialog
• SimpleDialog
• ModalBox
• Popups
• Overlay Effect
• Callout
• Snackbar
• Toggle Hide/Show

Icons

• Icon
• Animate Icons

Video

• Fullscreen Video
• Fullscreen Window

typography

• headings

Tabs

• plain
• scrollable

Table

• BaseTable
• Zebra Striped Table
• Responsive Tables
• Comparison Table

Grid

• 2 Column Layout
• 3 Column Layout
• 4 Column Layout
• Expanding Grid
• List Grid View
• Mixed Column Layout
• Column Cards
• Zig Zag Layout
• Blog Layout

Images

• Slideshow
• Slideshow Gallery
• Modal Images
• Lightbox
• Responsive Image Grid
• Image Grid
• Tab Gallery
• Image Overlay Fade
• Image Overlay Slide
• Image Overlay Zoom
• Image Overlay Title
• Image Overlay Icon
• Image Effects
• Black and White Image
• Image Text
• Image Text Blocks
• Transparent Image Text
• Full Page Image
• Form on Image
• Hero Image
• Blur Background Image
• Change Bg on Scroll
• Side-by-Side Images
• Rounded Images
• Avatar Images
• Responsive Images
• Center Images
• Thumbnails
• Border Around Image
• Meet the Team
• Sticky Image
• Flip an Image
• Shake an Image
• Portfolio Gallery
• Portfolio with Filtering
• Image Zoom
• Image Magnifier Glass
• Image Comparison Slider

Iframs

• Responsive Iframes
• Get Iframe Elements

Chat

• Chat Messages
• Popup Chat Window