|
Στυλ |
Κλάσση |
|---|---|
| Απλό |
panels |
|
Με γραμμές |
bordered |
|
Με βελάκια |
arrows |
|
Όταν ανοίγει το ένα panel να κλείνει το προηγούμενο |
accordion |
|
Το πρώτο panel να είναι ανοιχτό |
first-open |
panels bordered arrows
| Option 1 |
|---|
|
Architecto rerum voluptas ipsum velit. Repellendus iure ullam ea nihil dolor accusamus optio. Inventore quos nemo est aliquam autem exercitationem ratione. Corrupti sapiente aut voluptatem at. Provident voluptas facere voluptate accusamus hic. Laborum molestias repellat eligendi qui. Quo est excepturi dicta. Deserunt libero quis porro numquam. Aliquid similique ab dolorem. Laudantium consequatur omnis atque fugit architecto nulla. |
| Option 2 |
|
Perspiciatis minus quia autem labore enim. Ipsa provident culpa voluptatem. Ea enim impedit sapiente magni. Enim dolorem fuga occaecati dolores. Et ullam itaque sunt. Dolor earum dolores nisi vero ratione. Quia voluptatibus sed et sint sit quo et minus. Eius qui et blanditiis deleniti. Voluptatibus nemo neque voluptas eius nobis laboriosam. Accusamus pariatur aliquid rerum sunt ratione ut. |
| Option 3 |
|
Architecto rerum voluptas ipsum velit. Repellendus iure ullam ea nihil dolor accusamus optio. Inventore quos nemo est aliquam autem exercitationem ratione. Corrupti sapiente aut voluptatem at. Provident voluptas facere voluptate accusamus hic. Laborum molestias repellat eligendi qui. Quo est excepturi dicta. Deserunt libero quis porro numquam. Aliquid similique ab dolorem. Laudantium consequatur omnis atque fugit architecto nulla. |
| Option 4 |
|
Perspiciatis minus quia autem labore enim. Ipsa provident culpa voluptatem. Ea enim impedit sapiente magni. Enim dolorem fuga occaecati dolores. Et ullam itaque sunt. Dolor earum dolores nisi vero ratione. Quia voluptatibus sed et sint sit quo et minus. Eius qui et blanditiis deleniti. Voluptatibus nemo neque voluptas eius nobis laboriosam. Accusamus pariatur aliquid rerum sunt ratione ut. |
panels bordered accordion arrows
| Option 1 |
|---|
|
Architecto rerum voluptas ipsum velit. Repellendus iure ullam ea nihil dolor accusamus optio. Inventore quos nemo est aliquam autem exercitationem ratione. Corrupti sapiente aut voluptatem at. Provident voluptas facere voluptate accusamus hic. Laborum molestias repellat eligendi qui. Quo est excepturi dicta. Deserunt libero quis porro numquam. Aliquid similique ab dolorem. Laudantium consequatur omnis atque fugit architecto nulla. |
| Option 2 |
|
Perspiciatis minus quia autem labore enim. Ipsa provident culpa voluptatem. Ea enim impedit sapiente magni. Enim dolorem fuga occaecati dolores. Et ullam itaque sunt. Dolor earum dolores nisi vero ratione. Quia voluptatibus sed et sint sit quo et minus. Eius qui et blanditiis deleniti. Voluptatibus nemo neque voluptas eius nobis laboriosam. Accusamus pariatur aliquid rerum sunt ratione ut. |
| Option 3 |
|
Architecto rerum voluptas ipsum velit. Repellendus iure ullam ea nihil dolor accusamus optio. Inventore quos nemo est aliquam autem exercitationem ratione. Corrupti sapiente aut voluptatem at. Provident voluptas facere voluptate accusamus hic. Laborum molestias repellat eligendi qui. Quo est excepturi dicta. Deserunt libero quis porro numquam. Aliquid similique ab dolorem. Laudantium consequatur omnis atque fugit architecto nulla. |
| Option 4 |
|
Perspiciatis minus quia autem labore enim. Ipsa provident culpa voluptatem. Ea enim impedit sapiente magni. Enim dolorem fuga occaecati dolores. Et ullam itaque sunt. Dolor earum dolores nisi vero ratione. Quia voluptatibus sed et sint sit quo et minus. Eius qui et blanditiis deleniti. Voluptatibus nemo neque voluptas eius nobis laboriosam. Accusamus pariatur aliquid rerum sunt ratione ut. |
panels arrows (no borders)
| Option 1 |
|---|
|
Architecto rerum voluptas ipsum velit. Repellendus iure ullam ea nihil dolor accusamus optio. Inventore quos nemo est aliquam autem exercitationem ratione. Corrupti sapiente aut voluptatem at. Provident voluptas facere voluptate accusamus hic. Laborum molestias repellat eligendi qui. Quo est excepturi dicta. Deserunt libero quis porro numquam. Aliquid similique ab dolorem. Laudantium consequatur omnis atque fugit architecto nulla. |
| Option 2 |
|
Perspiciatis minus quia autem labore enim. Ipsa provident culpa voluptatem. Ea enim impedit sapiente magni. Enim dolorem fuga occaecati dolores. Et ullam itaque sunt. Dolor earum dolores nisi vero ratione. Quia voluptatibus sed et sint sit quo et minus. Eius qui et blanditiis deleniti. Voluptatibus nemo neque voluptas eius nobis laboriosam. Accusamus pariatur aliquid rerum sunt ratione ut. |
| Option 3 |
|
Architecto rerum voluptas ipsum velit. Repellendus iure ullam ea nihil dolor accusamus optio. Inventore quos nemo est aliquam autem exercitationem ratione. Corrupti sapiente aut voluptatem at. Provident voluptas facere voluptate accusamus hic. Laborum molestias repellat eligendi qui. Quo est excepturi dicta. Deserunt libero quis porro numquam. Aliquid similique ab dolorem. Laudantium consequatur omnis atque fugit architecto nulla. |
| Option 4 |
|
Perspiciatis minus quia autem labore enim. Ipsa provident culpa voluptatem. Ea enim impedit sapiente magni. Enim dolorem fuga occaecati dolores. Et ullam itaque sunt. Dolor earum dolores nisi vero ratione. Quia voluptatibus sed et sint sit quo et minus. Eius qui et blanditiis deleniti. Voluptatibus nemo neque voluptas eius nobis laboriosam. Accusamus pariatur aliquid rerum sunt ratione ut. |
panels (default looks no borders and no arows)
| Option 1 |
|---|
|
Architecto rerum voluptas ipsum velit. Repellendus iure ullam ea nihil dolor accusamus optio. Inventore quos nemo est aliquam autem exercitationem ratione. Corrupti sapiente aut voluptatem at. Provident voluptas facere voluptate accusamus hic. Laborum molestias repellat eligendi qui. Quo est excepturi dicta. Deserunt libero quis porro numquam. Aliquid similique ab dolorem. Laudantium consequatur omnis atque fugit architecto nulla. |
| Option 2 |
|
Perspiciatis minus quia autem labore enim. Ipsa provident culpa voluptatem. Ea enim impedit sapiente magni. Enim dolorem fuga occaecati dolores. Et ullam itaque sunt. Dolor earum dolores nisi vero ratione. Quia voluptatibus sed et sint sit quo et minus. Eius qui et blanditiis deleniti. Voluptatibus nemo neque voluptas eius nobis laboriosam. Accusamus pariatur aliquid rerum sunt ratione ut. |
| Option 3 |
|
Architecto rerum voluptas ipsum velit. Repellendus iure ullam ea nihil dolor accusamus optio. Inventore quos nemo est aliquam autem exercitationem ratione. Corrupti sapiente aut voluptatem at. Provident voluptas facere voluptate accusamus hic. Laborum molestias repellat eligendi qui. Quo est excepturi dicta. Deserunt libero quis porro numquam. Aliquid similique ab dolorem. Laudantium consequatur omnis atque fugit architecto nulla. |
| Option 4 |
|
Perspiciatis minus quia autem labore enim. Ipsa provident culpa voluptatem. Ea enim impedit sapiente magni. Enim dolorem fuga occaecati dolores. Et ullam itaque sunt. Dolor earum dolores nisi vero ratione. Quia voluptatibus sed et sint sit quo et minus. Eius qui et blanditiis deleniti. Voluptatibus nemo neque voluptas eius nobis laboriosam. Accusamus pariatur aliquid rerum sunt ratione ut. |
panels bordered accordion arrows first-open
| Option 1 |
|---|
|
Architecto rerum voluptas ipsum velit. Repellendus iure ullam ea nihil dolor accusamus optio. Inventore quos nemo est aliquam autem exercitationem ratione. Corrupti sapiente aut voluptatem at. Provident voluptas facere voluptate accusamus hic. Laborum molestias repellat eligendi qui. Quo est excepturi dicta. Deserunt libero quis porro numquam. Aliquid similique ab dolorem. Laudantium consequatur omnis atque fugit architecto nulla. |
| Option 2 |
|
Perspiciatis minus quia autem labore enim. Ipsa provident culpa voluptatem. Ea enim impedit sapiente magni. Enim dolorem fuga occaecati dolores. Et ullam itaque sunt. Dolor earum dolores nisi vero ratione. Quia voluptatibus sed et sint sit quo et minus. Eius qui et blanditiis deleniti. Voluptatibus nemo neque voluptas eius nobis laboriosam. Accusamus pariatur aliquid rerum sunt ratione ut. |
| Option 3 |
|
Architecto rerum voluptas ipsum velit. Repellendus iure ullam ea nihil dolor accusamus optio. Inventore quos nemo est aliquam autem exercitationem ratione. Corrupti sapiente aut voluptatem at. Provident voluptas facere voluptate accusamus hic. Laborum molestias repellat eligendi qui. Quo est excepturi dicta. Deserunt libero quis porro numquam. Aliquid similique ab dolorem. Laudantium consequatur omnis atque fugit architecto nulla. |
| Option 4 |
|
Perspiciatis minus quia autem labore enim. Ipsa provident culpa voluptatem. Ea enim impedit sapiente magni. Enim dolorem fuga occaecati dolores. Et ullam itaque sunt. Dolor earum dolores nisi vero ratione. Quia voluptatibus sed et sint sit quo et minus. Eius qui et blanditiis deleniti. Voluptatibus nemo neque voluptas eius nobis laboriosam. Accusamus pariatur aliquid rerum sunt ratione ut. |