Next.js notion blog
Published on

Notion block test

date
Feb 26, 2024
tags
Test
summary
This is notion block test.
slug
notion-block-test
status
Published
type
Post

Notion block test

Text

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce vestibulum neque et laoreet convallis. Cras purus nisl, posuere quis sollicitudin eget, euismod vitae turpis. Praesent vel metus tortor. Donec eget mauris et elit cursus molestie. Sed dapibus tincidunt egestas. Sed viverra aliquam condimentum. Maecenas tincidunt leo orci, nec efficitur dui tristique vitae. In sit amet erat tristique, dignissim turpis et, iaculis sem. Curabitur malesuada interdum ultrices. Integer viverra eleifend vulputate. Etiam vel lectus ultricies, vestibulum diam volutpat, vehicula tellus. Aliquam vel justo a lorem mollis pellentesque. Aliquam augue lacus, laoreet nec posuere eget, convallis vestibulum nisl.

Rich text

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce vestibulum neque et laoreet convallis. Cras purus nisl, posuere quis sollicitudin eget, euismod vitae turpis.

Code

import { useState } from 'react'; export default function Counter() { const [count, setCount] = useState(0); function handleClick() { setCount(count + 1); } return ( <button onClick={handleClick}> You pressed me {count} times </button> ); }

Mermaid

flowchart LR; a-->b a-->c d-->c

Inline

inline code

Equation

List

  • Bullet
    • Circle
      • Square
  1. 1
  1. 2
    1. a
    2. b
      1. i
      2. ii
        1. 1
        2. 2
Toggle
Hi
Combine
  1. First
    1. Apple
  1. Second
      • Hi
        • Toggle in toggle
          Hello

Quote

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce vestibulum neque et laoreet convallis. Cras purus nisl, posuere quis sollicitudin eget, euismod vitae turpis. Praesent vel metus tortor. Donec eget mauris et elit cursus molestie. Sed dapibus tincidunt egestas. Sed viverra aliquam condimentum. Maecenas tincidunt leo orci, nec efficitur dui tristique vitae. In sit amet erat tristique, dignissim turpis et, iaculis sem. Curabitur malesuada interdum ultrices. Integer viverra eleifend vulputate. Etiam vel lectus ultricies, vestibulum diam volutpat, vehicula tellus. Aliquam vel justo a lorem mollis pellentesque. Aliquam augue lacus, laoreet nec posuere eget, convallis vestibulum nisl.

Divider


Callout

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce vestibulum neque et laoreet convallis. Cras purus nisl, posuere quis sollicitudin eget, euismod vitae turpis. Praesent vel metus tortor. Donec eget mauris et elit cursus molestie. Sed dapibus tincidunt egestas. Sed viverra aliquam condimentum. Maecenas tincidunt leo orci, nec efficitur dui tristique vitae. In sit amet erat tristique, dignissim turpis et, iaculis sem. Curabitur malesuada interdum ultrices. Integer viverra eleifend vulputate. Etiam vel lectus ultricies, vestibulum diam volutpat, vehicula tellus. Aliquam vel justo a lorem mollis pellentesque. Aliquam augue lacus, laoreet nec posuere eget, convallis vestibulum nisl.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce vestibulum neque et laoreet convallis. Cras purus nisl, posuere quis sollicitudin eget, euismod vitae turpis. Praesent vel metus tortor. Donec eget mauris et elit cursus molestie. Sed dapibus tincidunt egestas. Sed viverra aliquam condimentum. Maecenas tincidunt leo orci, nec efficitur dui tristique vitae. In sit amet erat tristique, dignissim turpis et, iaculis sem. Curabitur malesuada interdum ultrices. Integer viverra eleifend vulputate. Etiam vel lectus ultricies, vestibulum diam volutpat, vehicula tellus. Aliquam vel justo a lorem mollis pellentesque. Aliquam augue lacus, laoreet nec posuere eget, convallis vestibulum nisl.

Table

Lorem ipsum
Lorem ipsum
Lorem ipsum
Lorem ipsum
Lorem ipsum
Lorem ipsum

To-do list

Write
Shopping

Media

notion image
notion image
notion image
notion image
Video preview

Tweet

Collection

db
이름
태그
날짜
텍스트
선택
전화번호
test1
Feb 25, 2024
1
test3
test2
Feb 26, 2024
2
test2
test3
Feb 28, 2024 → Feb 29, 2024
3
test1
 

Tags