mirror of
https://github.com/supabase/supabase.git
synced 2026-10-12 21:05:06 +03:00
kemal.earth
9008713a78
* feat: sort intro page entry points and sidebar * feat: beef up getting started intro and faq * chore: small copy fix * feat: description for ui patterns intro * feat: basic description for fragments intro * feat: add description for atom components intro * feat: add links to ui pattern docs * chore: run prettier for mdx files
11 lines
1.1 KiB
Plaintext
11 lines
1.1 KiB
Plaintext
---
|
|
title: Atom components
|
|
description: Fundamental building blocks of user interfaces, based on shadcn/ui components.
|
|
---
|
|
|
|
Atom components are the fundamental building blocks of our design system. These are primitive, single-purpose components that serve as the foundation for building more complex interfaces. Unlike fragment components (pre-built composite components) or UI patterns (guidelines for structuring sections), atom components are the smallest reusable units that can be composed together.
|
|
|
|
These components are based on [shadcn/ui](https://ui.shadcn.com) and live in the `ui` package, making them shareable across all Supabase applications. They provide consistent styling, accessibility, and behavior for common interface elements like buttons, inputs, cards, dialogs, and form controls.
|
|
|
|
Atom components are imported from the `ui` package and can be used directly or combined to create fragment components and implement UI patterns. They form the base layer of our component architecture, ensuring visual and functional consistency across the entire design system.
|