mirror of
https://github.com/supabase/supabase.git
synced 2026-07-16 20:40:05 -04:00
Francesco Sansalvadore
6470ac9186
- Marketplace index page - update order of feature partner integrations in hero - fix z-index on MarketplaceFilterBar in "list" view <img width="275" height="104" alt="Screenshot 2026-06-02 at 17 07 29" src="https://github.com/user-attachments/assets/5cef64f9-895e-4f8d-8f30-153ddd5c89dd" /> - Marketplace detail page - use "prose" css styling on overview content for better text styling (heading with top padding, etc) - refine FilesView in overview tab to only show swipeable and zoomable previews (so the big image doesn't occupy too much space) + lazy load FilesView component - improve page loading state - improve overview side rail sticky-top and remove redundant "About" label <img width="1333" height="732" alt="Screenshot 2026-06-02 at 17 20 29" src="https://github.com/user-attachments/assets/8f3dd4a0-c241-4b7f-b8c8-192e1d7a616d" /> <!-- This is an auto-generated comment: release notes by coderabbit.ai --> ## Summary by CodeRabbit * **New Features** * Interactive carousel with image zoom capability for viewing integration preview images * **Bug Fixes** * Fixed z-index layering issue with marketplace filter bar * **Refactor** * Redesigned marketplace detail page header with breadcrumb navigation * Updated integration image handling structure with enhanced metadata * Optimized dynamic loading for integration file viewers <!-- end of auto-generated comment: release notes by coderabbit.ai --> --------- Co-authored-by: coderabbitai[bot] <136622811+coderabbitai[bot]@users.noreply.github.com>
102 lines
2.7 KiB
Plaintext
102 lines
2.7 KiB
Plaintext
---
|
|
title: Markdown
|
|
description: Composable Markdown renderer
|
|
---
|
|
|
|
A composable `react-markdown` component with defaults for all standard markdown elements (headings, paragraphs, lists, blockquotes, links, images, tables, code). Customize any element via the `components` prop and import optional components such as Quote or Avatar.
|
|
All components are lazy-loaded.
|
|
|
|
<ComponentPreview name="markdown-full-example" peekCode />
|
|
|
|
## API
|
|
|
|
| Prop | Type | Default | Description |
|
|
| --------------- | --------------------- | ------------- | ---------------------------------------------------------------------- |
|
|
| `children` | `string` | - | Markdown content to render |
|
|
| `content` | `string` | `''` | **Deprecated**: Use `children` instead |
|
|
| `codeBlock` | `boolean` | `false` | Enable syntax highlighting for code blocks (lazy-loaded via CodeBlock) |
|
|
| `components` | `Partial<Components>` | - | Override or add specific markdown elements |
|
|
| `className` | `string` | - | CSS class for the wrapper div |
|
|
| `remarkPlugins` | `PluggableList` | `[remarkGfm]` | Additional remark plugins (GFM is included by default) |
|
|
|
|
All other `react-markdown` options are supported via spread props.
|
|
|
|
## Customization
|
|
|
|
Override any element or add new ones via the `components` prop.
|
|
|
|
<ComponentPreview name="markdown-customization" peekCode />
|
|
|
|
## Primitive Components
|
|
|
|
```tsx
|
|
import {
|
|
Anchor,
|
|
Avatar,
|
|
Blockquote,
|
|
Code,
|
|
CodeBlockPre,
|
|
DefaultPre,
|
|
Hr,
|
|
Img,
|
|
Paragraph,
|
|
Quote,
|
|
SimplePre,
|
|
Table,
|
|
Td,
|
|
Th,
|
|
Tr,
|
|
UnorderedList,
|
|
} from 'ui-patterns/Markdown'
|
|
```
|
|
|
|
### Headings
|
|
|
|
<ComponentPreview name="markdown-headings" />
|
|
|
|
### Paragraphs
|
|
|
|
<ComponentPreview name="markdown-paragraphs" />
|
|
|
|
### Lists
|
|
|
|
<ComponentPreview name="markdown-lists" />
|
|
|
|
### Links
|
|
|
|
<ComponentPreview name="markdown-links" />
|
|
|
|
### Inline Code
|
|
|
|
<ComponentPreview name="markdown-inline-code" />
|
|
|
|
### Blockquotes
|
|
|
|
<ComponentPreview name="markdown-blockquotes" />
|
|
|
|
### Code Blocks
|
|
|
|
<ComponentPreview name="markdown-code-blocks" />
|
|
|
|
### Tables
|
|
|
|
<ComponentPreview name="markdown-tables" />
|
|
|
|
### Images
|
|
|
|
<ComponentPreview name="markdown-images" />
|
|
|
|
### Horizontal Rules
|
|
|
|
<ComponentPreview name="markdown-horizontal-rules" />
|
|
|
|
## Optional Components
|
|
|
|
### Quote
|
|
|
|
<ComponentPreview name="markdown-quote-component" peekCode />
|
|
|
|
### Avatar
|
|
|
|
<ComponentPreview name="markdown-avatar-component" peekCode />
|