Skip to main contentSkip to search
Clay
  • Get Started
    • How to Use Clay
    • How to Read This Documentation
    • Composition Philosophy
    • Migrating From v2.x
    • Using Clay in JSPs
  • Components
    • Alert
    • Application Bar
    • Aspect Ratio
    • Autocomplete
    • Badge
    • Breadcrumb
    • Button Group
    • Buttons
    • Card
    • Chart
    • Color Picker
    • Data Provider
    • Date Picker
    • DropDown
    • Empty State
    • Form
      • Checkbox
      • Dual List Box
      • Input
      • Radio Group
      • Select
      • Select Box
      • Toggle Switch
    • Forms Hierarchy
    • Heading
    • Icon
    • Label
    • Layout
    • Link
    • List
    • Loading Indicator
    • Localized Input
    • Management Toolbar
    • Modal
    • Multi Select
    • Multi Step Nav
    • Nav
    • Navigation Bar
    • OverlayMask
    • Pagination
    • Pagination Bar
    • Panel
    • Picker
    • Popover
    • Progress Bar
    • Provider
    • Sidebar
    • Slider
    • Sticker
    • Table
    • Tabs
    • Text
    • Timelines
    • Time Picker
    • Toolbar
    • Tooltip
    • TreeView
    • Upper Toolbar
    • VerticalBar
    • Vertical Navigation
  • Contributing
  • CSS Framework
    • Paver
    • SCSS
    • Color
    • Grid
    • Content
      • Typography
      • C Kbd
    • Utilities
      • Accessibility
      • Autofit
      • Border
      • C Focus Inset
      • C Inner
      • Color Utilities
      • C Spacing Utilities
      • Display
      • Flex
      • Float
      • Inline Item
      • Overflow
      • Position
      • Shadow
      • Text
      • Vertical Align
      • Visibility
      • Width and Height
    • Playground
  • Examples
K
  • Docs
  • Sass API
  • Blog
  • Storybook
  • Codesandbox
  • Github
  • Use this menu to toggle between Atlas and Base Themes.

How to Read This Documentation

The status of each package is shown in the corresponding documentation

Clay is constantly evolving and creating new components. The status of each package is shown in the corresponding documentation.

Status Description
Stable These components are safe for use in production but if you encounter problems, open an issue.
New Release These are the new components released within 1 week they are safe and possibly just out of the beta, test and if you find problems with their use, open a issue.
Beta These are components in Beta, meaning that it has just come out of the oven, but has not yet been tested with actual use cases and means that it can undergo changes without some warning. You can help us by testing these components when we are working to make it stable, as long as you are prepared for changes. We appreciate your contributions to let a Beta component go to the Stable version.
Pending They are components that are in our backlog for creation or are being designed and evaluated to be prioritized.
Deprecated These components are about deprecation warnings and we may be marking them as unsafe and soon we will remove, we caution about the discontinuation of a component, read more about it.

How can this be improved? Create an issue!