The Badge component enhances components like an adjective, adding info. It adds content/dot to top-right, with tones, fill/outline options. Limit numeric content, add '+'. Blink for dynamic effects. Themed and styled.
The Border component is a versatile tool to enclose components or groups. It supports content qualification like text or Chips and can be positioned in all directions. Create borders with customizable densities and sharp edges. Infuse borders with colors
The Breadcrumb is your trusty guide for tracking website navigation, providing a clear path of your current location. Easily navigate between hierarchies. Collapse lengthy breadcrumbs for a clean view, expand for full journey. Customize separators, set ca
The Alert component delivers user alerts based on info, success, warning, or danger. It offers actionable alerts with titles, content, and buttons, and solid bars for informational alerts. Customize edges and styles, all enhanced by theming.
A comprehensive collection encompassing all components within the Tidy UI framework.
The Avatar component is a versatile tool to showcase user individuality, offering profile images, initials, and icons. A Person icon is used when no input is available. It supports sizes, accents, live status badges, and stackable AvatarGroups. Customizab
tidy-ui react component library; 'radio package
tidy-ui react component library; 'select package
Stack, as the name says, can be used to stack any react component, plain html element or even just text nodes in an orderly fashion. Provide a divider component that separate each node with in the stack. It is provided with various styling options like al
tidy-ui react component library; 'note package
Tag can be used to represent named identifiers to highlight
Text component has all the typography that you need on a page. USe this to represent any text data you want to handle on a page. Powered by various styles (with theming) and settings
tidy-ui react component library; 'toaster package
Tooltip can be used to represent rich tooltips for your components in a page. It comes with settings like direction, theming etc.
tidy-ui react component library; 'types' package
tidy-ui react component library; 'switch package
tidy-ui react component library; 'table package
tidy-ui react component library; 'tabs package
Additional themes in Tidy UI library
A customizable react button