Markdown Components

Démonstration du composant Markdown avec différentes options

Markdown simple

Titre principal

Ceci est un paragraphe avec du texte en gras et en italique.

Sous-titre

Voici une liste à puces :

Premier élément
Deuxième élément
Troisième élément

Et une liste numérotée :

Première étape
Deuxième étape
Troisième étape

Code avec coloration syntaxique

JavaScript

1const greeting = 'Hello World' ;
2console.log( greeting ) ;
3
4function add( a , b )
5{
6    return a + b ;
7}

Python

1def fibonacci(n):
2    if n <= 1:
3        return n
4    return fibonacci(n-1) + fibonacci(n-2)
5
6print(fibonacci(10))

Code inline : const x = 42 ;

Code style mockup (DaisyUI)

JavaScript

const greeting = 'Hello World' ;
console.log( greeting ) ;
function add( a , b )
{
    return a + b ;
}

Python

def fibonacci(n):
    if n <= 1:
        return n
    return fibonacci(n-1) + fibonacci(n-2)
print(fibonacci(10))

Code inline : const x = 42 ;

Liens et images

Liens externes

Documentation React
Documentation Next.js

Images

Logo

Tableaux

Tableau des produits

Produit	Prix	Stock
Bois de chêne	45€	✓
Bois de pin	25€	✓
Bois d'érable	55€	✗

Citations

Ceci est une citation simple.

Citation avec mise en forme

Plusieurs lignes sont possibles.
Et même des styles différents.

⚠️ Avertissement

Ceci est un message d'avertissement important.

Document complet

Oihana Next UI - Documentation

Introduction

Bienvenue dans notre documentation Oihana Newt UI.

Caractéristiques principales

Gestion des stocks : Suivi en temps réel
Facturation automatique : Génération de devis
Catalogue produits : Plus de 100 références

Code d'exemple

Voici comment utiliser notre API :

1import { OihanaAPI } from '@/api' ;
2
3async function getProducts()
4{
5    const api = new OihanaAPI() ;
6    const products = await api.fetchProducts() ;
7    return products ;
8}

Tableau des prix

Catégorie	Prix/m³	Délai
Chêne massif	850€	2-3 jours
Pin traité	450€	1-2 jours
Érable	920€	3-5 jours

💡 Astuce : Les prix peuvent varier selon les quantités commandées.

Liens utiles

Pour plus d'informations : `contact@ooop.fr`

Avec notification toast au copier

JavaScript

const greeting = 'Hello World' ;
console.log( greeting ) ;

function add( a , b )
{
    return a + b ;
}

Python

def fibonacci(n):
    if n <= 1:
        return n
    return fibonacci(n-1) + fibonacci(n-2)

print(fibonacci(10))

Code inline : const x = 42 ;

Sans bouton copier

JavaScript

const greeting = 'Hello World' ;
console.log( greeting ) ;

function add( a , b )
{
    return a + b ;
}

Python

def fibonacci(n):
    if n <= 1:
        return n
    return fibonacci(n-1) + fibonacci(n-2)

print(fibonacci(10))

Code inline : const x = 42 ;

Mockup avec fond personnalisé

JavaScript

const greeting = 'Hello World' ;
console.log( greeting ) ;
function add( a , b )
{
    return a + b ;
}

Python

def fibonacci(n):
    if n <= 1:
        return n
    return fibonacci(n-1) + fibonacci(n-2)
print(fibonacci(10))

Code inline : const x = 42 ;