x
1
2
3
4
5
6
7
8
9
10
11
12
<p> <strong>Default</strong><br> <opce-principal class="" data-principal="{"href":"/api/v3/users/1001","name":"Bob Bobbit","id":1001}" data-link="true" data-size=""default"" data-hide-name="false" data-name-classes="""" data-title="null" data-hover-card="true" data-hover-card-url=""/users/1001/hover_card""></opce-principal></p><p> <strong>Medium</strong><br> <opce-principal class="" data-principal="{"href":"/api/v3/users/1001","name":"Bob Bobbit","id":1001}" data-link="true" data-size=""medium"" data-hide-name="false" data-name-classes="""" data-title="null" data-hover-card="true" data-hover-card-url=""/users/1001/hover_card""></opce-principal></p><p> <strong>Mini</strong><br> <opce-principal class="" data-principal="{"href":"/api/v3/users/1001","name":"Bob Bobbit","id":1001}" data-link="true" data-size=""mini"" data-hide-name="false" data-name-classes="""" data-title="null" data-hover-card="true" data-hover-card-url=""/users/1001/hover_card""></opce-principal></p>No notes provided.
1
2
3
4
5
6
7
8
9
10
11
12
<p> <strong>Default</strong><br> <%= render(Users::AvatarComponent.new(user: user, size: :default)) %></p><p> <strong>Medium</strong><br> <%= render(Users::AvatarComponent.new(user: user, size: :medium)) %></p><p> <strong>Mini</strong><br> <%= render(Users::AvatarComponent.new(user: user, size: :mini)) %></p>No params configured.