mirror of
https://github.com/supabase/supabase.git
synced 2026-10-09 19:35: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
49 lines
1.7 KiB
Plaintext
49 lines
1.7 KiB
Plaintext
---
|
|
title: Introduction
|
|
description: Components and patterns that you can copy and paste into Supabase apps. Accessible. Customizable. Open Source.
|
|
---
|
|
|
|
Welcome to the Supabase Design System!
|
|
|
|
## FAQ
|
|
|
|
<Accordion type="multiple">
|
|
<AccordionItem value="faq-1">
|
|
<AccordionTrigger>
|
|
Why copy/paste and not packaged as a dependency?
|
|
</AccordionTrigger>
|
|
<AccordionContent>
|
|
The idea behind this is to give you ownership and control over the code, allowing you to decide how the components are built and styled.
|
|
|
|
Start with some sensible defaults, then customize the components to your needs.
|
|
|
|
One of the drawback of packaging the components in an npm package is that the style is coupled with the implementation. _The design of your components should be separate from their implementation._
|
|
|
|
</AccordionContent>
|
|
</AccordionItem>
|
|
<AccordionItem value="faq-2">
|
|
<AccordionTrigger>
|
|
Which libraries do you use?
|
|
</AccordionTrigger>
|
|
<AccordionContent>
|
|
We use the following libraries as a basis. Anywhere we use additional libraries, we document them in the individual component pages.
|
|
|
|
- [tailwindcss](https://tailwindcss.com)
|
|
- [shadcn/ui](https://ui.shadcn.com)
|
|
- [lucide-react](https://lucide.dev)
|
|
- [react-hook-form](https://react-hook-form.com)
|
|
|
|
You can find the full list of dependencies in the [package.json](https://github.com/supabase/design-system/blob/main/package.json) file.
|
|
</AccordionContent>
|
|
|
|
</AccordionItem>
|
|
<AccordionItem value="faq-3">
|
|
<AccordionTrigger>
|
|
I was looking for Supabase UI Library
|
|
</AccordionTrigger>
|
|
<AccordionContent>
|
|
If you are looking for the Supabase UI, you can find it [here](https://supabase.com/ui).
|
|
</AccordionContent>
|
|
</AccordionItem>
|
|
</Accordion>
|