> ## Documentation Index
> Fetch the complete documentation index at: https://guide.smsu.in.th/llms.txt
> Use this file to discover all available pages before exploring further.

# Steps

> ขั้นตอน ลำดับการดำเนินการ

## เพิ่ม Steps

สามารถเพิ่มโดยเลือกจาก[รายการ components](/it/guide/edit/components/basicblocks#เริ่มใช้-components)

## แก้ไข Steps

### ตั้งค่า Title, Icon ของ Step

เอาเมาส์ hover แล้วกด <Icon icon="ellipsis-vertical" /> สามจุดมุมขวาบนของ Step เพื่อเปิดเมนูแก้ไข สามารถตั้งค่า Title และ Icon ได้ตามต้องการ จากนั้นกด "Save Changes" เพื่อบันทึกการเปลี่ยนแปลง

<Steps>
  <Step title="Title">Content</Step>

  <Step title="Title with Icon" icon="heart">
    Content
  </Step>
</Steps>

<Tip>
  ไอคอนที่ใช้ในนี้มาจาก Font Awesome สามารถค้นหาไอคอนจาก [เว็บไซต์ Font
  Awesome](https://fontawesome.com/icons) ได้โดยตรง (สามารถค้นหาได้ง่ายกว่า)
  แล้วกดที่ชื่อไอคอนเพื่อคัดลอกมาใส่ในช่องค้นหาของ Web Editor

  <u>หมายเหตุ</u> สามารถเลือกได้ทั้งไอคอนฟรี และไอคอนที่ติดแท็ก "Pro"
</Tip>

### เพิ่ม Step ใหม่

เอาเมาส์ hover แล้วกด <Icon icon="plus" /> เครื่องหมายบวกด้านล่างสุดของเส้น Step เพื่อเพิ่ม Step ใหม่ในลำดับ

## ลบ Step

เอาเมาส์ hover แล้วกด <Icon icon="ellipsis-vertical" /> สามจุดมุมขวาบนของ Step เพื่อเปิดเมนูแก้ไข จากนั้นกด <Icon icon="trash-can" /> ไอคอนถังขยะเพื่อลบ