Marigold
Getting StartedFoundationsComponentsPatternsRecipesReleases
Discover new Tutorials!

Components

Overview

Application

MarigoldProvider
updated
RouterProvider
updated

Layout

Aside
Aspect
Breakout
Center
Columns
Container
Grid
Inline
Inset
Scrollable
Split
Stack
updated
Tiles

Form

Autocomplete
Button
updated
Calendar
Checkbox
ComboBox
DateField
DatePicker
Form
Multiselect
new
NumberField
Radio
SearchField
Select
Slider
Switch
TextArea
TextField
TimeField
new

Collection

SelectList
updated
Table
updated
Tag

Navigation

Accordion
Breadcrumbs
beta
Pagination
Tabs

Overlay

ContextualHelp
new
Dialog
Menu
Toast
beta
Tooltip
updated

Content

Badge
Body
Card
Divider
updated
Footer
Header
Headline
updated
Icon
updated
Image
Link
updated
List
updated
SectionMessage
SVG
updated
Text
updated
VisuallyHidden
updated
XLoader

Formatters

DateFormat
NumericFormat

Hooks and Utils

cn
cva
extendTheme
useAsyncListData
useListData
useResponsiveValue
useTheme

Overview

Our Marigold Components.

Components are the reusable building blocks of our design system, designed to address specific interaction or UI needs. Each component is crafted to seamlessly integrate with others, forming patterns that deliver intuitive and cohesive user experiences.

We seperate the components into different sections based on their use case. You can find those sections here.

Application
Components need for base setup.
Layout
Components for layouting the pages.
Form
Components which should be used in forms.
Collection
Components which uses collection elements.
Navigation
Components which are used for navigating.
Overlay
Components which have an overlay.
Content
Components which are used for displaying content.
Formatters
Components which help formatting specific data.
Hooks and Utils
Hooks and helper functions to make you writing code easier.
Last update: October 25, 2024
Build with 🥵, 🧡 and
v14.1.1