Bỏ qua điều hướng, tới nội dung

Jira Components

JPace Jira Components

Status lozenges

R4/R13/R19 — palette ADS thật: neutral / information #E9F2FF / success #D3F1A7 / danger #FFECEB / purple #F3F0FF

To Do In Progress Done Resolved Blocked Reopened New

Priority

R14 — Highest/High đỏ #F15B50, Medium cam, Low/Lowest xanh (var(--jx-focus))

Highest High Medium Low Lowest

Chips & badges

R3 — reaction chip pill full-radius 13px; label chip; story-point pill; +Add epic

Release automation Build tooling 5

Details panel fields

R2 — label 14px/500, giá trị kèm avatar 24px

AssigneePDPham Duong

LabelsNone

PriorityMedium

Sprint1.0-m6

Story points3

ReporterAC

Status transition + action menu

R4 — menu 180px chỉ hiện trạng thái workflow-valid; surface trắng r8 shadow ADS, item 40px

To Do

In Progress

Done

Add flag

Copy link

Move to

Delete

Filter popup

R7 — 300px: avatar row, 4 field thu gọn, + Add field, Clear all

ASSIGNEE

ACADAGANCL+7

Status

Work type

Labels

Parent

Add field

Clear all

Notifications

R15 — 360px: avatar + hành động + relative time, footer settings

Notifications Clear all

K

K commented on AWAIC-16

2 weeks ago

ER

ervin mentioned you in AWAIC-15

2 weeks ago

AC

AC added you as a watcher on AWAIC-17

3 weeks ago

Notification settings

Search overlay

R17 — section RECENT, icon work-type

RECENT

AWAIC-102 Tạo hướng dẫn tương tác Hello World

AWAIC-100 h

AWAIC-10 Thief I will do need more…

Profile menu

R16

PD

Pham Duong

Admin Head

Profile

Account settings

Sign out

Stat tiles

R9 — số 24px/600 + time-window subtitle

1

completed
in the last 7 days

0

updated
in the last 7 days

50

created
in the last 7 days

0

due soon
in the next 7 days

Types of work distribution

R11/R12 — palette chart thật, thanh 8px r4

Task38%

Acceptance Criterion20%

Feature12%

Story10%

Idea8%

Epic4%

Bug4%

Team workload + avatar stack

R12 — Unassigned 92%; stack -6px overlap viền trắng

?Unassigned92%

HHermes2%

CLClaude2%

ACADAGAN+7

Comment editor

R2 — placeholder + reaction chips + Cancel/Save

Skeleton loading

Token thật --ds-skeleton #0515240F + pulse; trang List dùng pattern này khi load data

Labels multi-select

Spec JIRA_CLOUD_LIVE.md — chips + search + checkbox, chọn không đóng popup, footer + Create label, Backspace xóa chip cuối; đồng bộ count với pill Labels của modal bên dưới

Create New Work Item modal