피드
피드 (Feed)
시간순으로 정렬된 활동 이벤트 목록을 표시하는 뷰 컴포넌트예요. 소셜 활동, 업데이트 내역 등을 보여 줄 때 사용해요.
출처: 문서
본문
유형 (Types)
피드 (Feed)
피드예요.
Elliot Fu
added you as a friend
1 Hour Ago
4 Likes
Helen Troy added 2 new illustrations
4 days ago
1 Like
Jenny Hess
added you as a friend
2 Days Ago
8 Likes
Joe Henderson posted on his page
3 days ago
Ours is a life of constant reruns. We're always circling back to where we'd we started, then starting all over again. Even if we don't run extra laps that day, we surely will come back for more of the same another day soon.
5 Likes
Justen Kitsune added 2 new photos of you
4 days ago
41 Likes
콘텐츠 (Content)
라벨 (Label)
이벤트 라벨은 이미지, 아이콘, 텍스트 또는 라벨을 포함할 수 있어요.
You added Elliot Fu to the group Coworkers
You posted on your friend Stevie Feliciano's wall.
Today
Longer label text can use the multiline class
NEW
Check the latest sales offers
THIS FALL
Only in selected theaters!
긴 라벨 텍스트는 multiline class를 사용할 수 있어요.
OK
Deployment was successful
라벨에 data-text 속성을 사용하면 주어진 값을 담은 둥근 라벨이 자동으로 만들어져요.
Run, Forrest, run!
Don't move!
Nap time
날짜 (Date)
이벤트나 이벤트 요약은 날짜를 포함할 수 있어요.
3 days ago
You added Jenny Hess to your coworker group.
You added Jenny Hess to your coworker group.
3 days ago
추가 정보 (Additional information)
이벤트는 이미지 집합이나 텍스트 같은 추가 정보를 포함할 수 있어요.
You could add right floated to feed content elements to make them appear to the right of the content block
3 days ago
Helen Troy added 2 photos
3 days ago
Laura Faucet created a post
Have you seen what's going on in Israel? Can you believe it.
피드 콘텐츠 요소에 right floated를 추가하면 콘텐츠 블록의 오른쪽에 나타나게 할 수 있어요.
상태 (States)
비활성화 (Disabled)
피드나 단일 이벤트를 비활성화할 수 있어요.
I am a disabled feed event
4 Likes
I am a normal feed event
4 Likes
I am a feed event of a whole disabled feed
4 Likes
Me too
4 Likes
변형 (Variations)
연결됨 (Connected)
피드 이벤트를 연결해 선형 타임라인으로 시각화할 수 있어요.
Elliot Fu
added you as a friend
1 Hour Ago
4 Likes
You submitted a new post to the page
3 days ago
I'm having a BBQ this weekend. Come by around 4pm if you can.
11 Likes
4 days ago
Helen Troy added 2 new illustrations
1 Like
순서 있음 (Ordered)
순서 있는 피드는 이벤트에 대한 순서 있는 라벨 콘텐츠를 자동으로 만들어요. 전체 피드나 각 라벨에 색상 class를 결합해 사용할 수도 있어요. 기본(basic) 변형도 사용할 수 있어요.
Different Labels color than whole feed color
Automatic label content, line color taken from event color
Content via data-text attribute
Basic Label
구분됨 (Divided)
피드 이벤트를 구분해 그룹화된 콘텐츠를 더 잘 구별할 수 있어요.
Elliot Fu added Jenny Hess as a friend
Stevie Feliciano added Elliot Fu as a friend
Helen Troy added Christian Rocha as a friend
Christian Rocha signed up for the site.
크기 (Size)
피드는 여러 크기를 가질 수 있어요.
Elliot Fu added Jenny Hess as a friend
Stevie Feliciano added Elliot Fu as a friend
Helen Troy added Christian Rocha as a friend
Christian Rocha signed up for the site.
Elliot Fu
added you as a friend
1 Hour Ago
4 Likes
You submitted a new post to the page
3 days ago
I'm having a BBQ this weekend. Come by around 4pm if you can.
11 Likes
4 days ago
Helen Troy added 2 new illustrations
1 Like
반전 (Inverted)
피드의 색상을 반전할 수 있어요.
Just now
Elliot Fu
posted on his page
Hey there !
Elliot Fu
added you as a friend
1 Hour Ago
Helen Troy added 2 new illustrations
4 days ago
1 Like
Jenny Hess
added you as a friend
2 Days Ago
8 Likes
Joe Henderson posted on his page
3 days ago
Ours is a life of constant reruns. We're always circling back to where we'd we started, then starting all over again. Even if we don't run extra laps that day, we surely will come back for more of the same another day soon.
5 Likes
Justen Kitsune added 2 new photos of you
4 days ago
41 Likes