ScrollArea

Zone de defilement personnalisee construite sur Radix UI ScrollArea. Remplace la scrollbar native par une barre de defilement fine et stylisee qui s'adapte au theme.

Defilement vertical

Liste d'algorithmes OLL dans une zone scrollable. Utile pour les listes longues dans des espaces contraints.

Algorithmes OLL

#1R U R' U'

#2R U2 R' U' R U' R'

#3F R U R' U' F'

#4f R U R' U' f'

#5R U R' U R U2 R'

#6R' F R B' R' F' R B

#7R U R' U' R' F R2 U' R' U' R U R' F'

#8r U R' U' r' F R F'

#9R2 D R' U2 R D' R' U2 R'

#10M U M' U M U2 M'

#11R' U' R U' R' U2 R

#12L' U' L U' L' U2 L

#13R U R' U R U' R' U R U2 R'

#14x R' U R' D2 R U' R' D2 R2 x'

#15R U2 R2 U' R2 U' R2 U2 R

#16M2 U M U2 M' U M2

Defilement horizontal

Defilement horizontal pour une liste de puzzles. Combinez avecwhitespace-nowrapet un conteneur flex.

2x2

3x3

4x4

5x5

6x6

7x7

Megaminx

Pyraminx

Skewb

Square-1

Clock

Props

ScrollArea

Prop	Type	Default	Description
className	string	—	Classes CSS additionnelles. Definir une hauteur fixe (h-72, h-96...) pour activer le scroll vertical.
children	ReactNode	—	Contenu a rendre dans la zone scrollable.

ScrollBar

Prop	Type	Default	Description
orientation	"vertical" \| "horizontal"	"vertical"	Direction de la barre de defilement. Une scrollbar verticale est incluse automatiquement.

Voir aussi

Table

Tableau de donnees responsive avec scroll horizontal

Card

Conteneur avec bordure pour grouper du contenu