You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
Copy file name to clipboardExpand all lines: v5/assets/ActionList.story-CO1lyR1d.js
+4-4Lines changed: 4 additions & 4 deletions
Original file line number
Diff line number
Diff line change
@@ -1,11 +1,11 @@
1
-
import{Easg}from"./ellipsis-vertical-icon-BIeYaNTa.js";import{fasw,gask,aase,casy,oasA,wasn,bast,easi,u,d}from"./index-QrbPWNYK.js";import{CasL}from"./check-icon-CEknWNt8.js";constx={name:"XIcon",height:512,width:384,svgPath:"M376.6 84.5c11.3-13.6 9.5-33.8-4.1-45.1s-33.8-9.5-45.1 4.1L192 206 56.6 43.5C45.3 29.9 25.1 28.1 11.5 39.4S-3.9 70.9 7.4 84.5L150.3 256 7.4 427.5c-11.3 13.6-9.5 33.8 4.1 45.1s33.8 9.5 45.1-4.1L192 306 327.4 468.5c11.3 13.6 31.5 15.4 45.1 4.1s15.4-31.5 4.1-45.1L233.7 256 376.6 84.5z",yOffset:0,xOffset:0},C=w(x),V=k({__name:"ActionList.story",setup(B){return(N,o)=>{constr=e("component-info"),p=e("pf-button"),a=e("pf-action-list-item"),s=e("pf-action-list"),f=e("story-canvas"),m=e("pf-menu-toggle"),l=e("pf-dropdown-item"),_=e("pf-divider"),b=e("pf-dropdown"),c=e("pf-action-list-group"),v=e("doc-page");returnA(),y(v,{name:"Components/ActionList.story.vue",title:"Action List"},{description:n(()=>o[0]||(o[0]=[d("div",{class:"markdown pf-v5-c-content"},[d("p",null,[i("An "),d("strong",null,"action list"),i(" is a group of actions, controls, or buttons with set spacing.")])],-1)])),apidocs:n(()=>[t(r,{src:"packages/core/src/components/ActionList.vue"}),t(r,{src:"packages/core/src/components/ActionListGroup.vue"}),t(r,{src:"packages/core/src/components/ActionListItem.vue"})]),default:n(()=>[t(f,{title:"Action list single group",source:`<pf-action-list>
1
+
import{Easg}from"./ellipsis-vertical-icon-0CX1mImv.js";import{fasw,gask,aase,casy,oasA,wasn,bast,easi,u,d}from"./index--PMAKewJ.js";import{CasL}from"./check-icon-BQSao_ux.js";constx={name:"XIcon",height:512,width:384,svgPath:"M376.6 84.5c11.3-13.6 9.5-33.8-4.1-45.1s-33.8-9.5-45.1 4.1L192 206 56.6 43.5C45.3 29.9 25.1 28.1 11.5 39.4S-3.9 70.9 7.4 84.5L150.3 256 7.4 427.5c-11.3 13.6-9.5 33.8 4.1 45.1s33.8 9.5 45.1-4.1L192 306 327.4 468.5c11.3 13.6 31.5 15.4 45.1 4.1s15.4-31.5 4.1-45.1L233.7 256 376.6 84.5z",yOffset:0,xOffset:0},C=w(x),V=k({__name:"ActionList.story",setup(B){return(N,o)=>{constr=e("component-info"),p=e("pf-button"),a=e("pf-action-list-item"),s=e("pf-action-list"),f=e("story-canvas"),m=e("pf-menu-toggle"),l=e("pf-dropdown-item"),_=e("pf-divider"),b=e("pf-dropdown"),c=e("pf-action-list-group"),v=e("doc-page");returnA(),y(v,{name:"Components/ActionList.story.vue",title:"Action List"},{description:n(()=>o[0]||(o[0]=[d("div",{class:"markdown pf-v5-c-content"},[d("p",null,[i("An "),d("strong",null,"action list"),i(" is a group of actions, controls, or buttons with set spacing.")])],-1)])),apidocs:n(()=>[t(r,{src:"packages/core/src/components/ActionList.vue"}),t(r,{src:"packages/core/src/components/ActionListGroup.vue"}),t(r,{src:"packages/core/src/components/ActionListItem.vue"})]),default:n(()=>[t(f,{title:"Action list single group",source:`<pf-action-list>
2
2
<pf-action-list-item>
3
3
<pf-button variant="primary">Next</pf-button>
4
4
</pf-action-list-item>
5
5
<pf-action-list-item>
6
6
<pf-button variant="secondary">Back</pf-button>
7
7
</pf-action-list-item>
8
-
</pf-action-list>`},{default:n(()=>[t(s,null,{default:n(()=>[t(a,null,{default:n(()=>[t(p,{variant:"primary"},{default:n(()=>o[1]||(o[1]=[i("Next")])),_:1,__:[1]})]),_:1}),t(a,null,{default:n(()=>[t(p,{variant:"secondary"},{default:n(()=>o[2]||(o[2]=[i("Back")])),_:1,__:[2]})]),_:1})]),_:1})]),_:1}),t(f,{title:"Action list single group with kebab",source:`<pf-action-list>
8
+
</pf-action-list>`},{default:n(()=>[t(s,null,{default:n(()=>[t(a,null,{default:n(()=>[t(p,{variant:"primary"},{default:n(()=>o[1]||(o[1]=[i("Next",-1)])),_:1,__:[1]})]),_:1}),t(a,null,{default:n(()=>[t(p,{variant:"secondary"},{default:n(()=>o[2]||(o[2]=[i("Back",-1)])),_:1,__:[2]})]),_:1})]),_:1})]),_:1}),t(f,{title:"Action list single group with kebab",source:`<pf-action-list>
9
9
<pf-action-list-item>
10
10
<pf-button variant="primary">Next</pf-button>
11
11
</pf-action-list-item>
@@ -29,7 +29,7 @@ import{E as g}from"./ellipsis-vertical-icon-BIeYaNTa.js";import{f as w,g as k,a
</pf-action-list>`},{default:n(()=>[t(s,null,{default:n(()=>[t(a,null,{default:n(()=>[t(p,{variant:"primary"},{default:n(()=>o[3]||(o[3]=[i("Next")])),_:1,__:[3]})]),_:1}),t(a,null,{default:n(()=>[t(p,{variant:"secondary"},{default:n(()=>o[4]||(o[4]=[i("Back")])),_:1,__:[4]})]),_:1}),t(a,null,{default:n(()=>[t(b,null,{toggle:n(()=>[t(m,{variant:"plain"},{default:n(()=>[t(u(g))]),_:1})]),default:n(()=>[t(l,null,{default:n(()=>o[5]||(o[5]=[i("Link")])),_:1,__:[5]}),t(l,{component:"button"},{default:n(()=>o[6]||(o[6]=[i("Action")])),_:1,__:[6]}),t(l,{disabled:""},{default:n(()=>o[7]||(o[7]=[i("Disabled Link")])),_:1,__:[7]}),t(l,{disabled:"",component:"button"},{default:n(()=>o[8]||(o[8]=[i("Disabled Action")])),_:1,__:[8]}),t(_),t(l,null,{default:n(()=>o[9]||(o[9]=[i("Separated Link")])),_:1,__:[9]}),t(l,{component:"button"},{default:n(()=>o[10]||(o[10]=[i("Separated Action")])),_:1,__:[10]})]),_:1})]),_:1})]),_:1})]),_:1}),t(f,{title:"Action list with icons",source:`<pf-action-list icon-list>
32
+
</pf-action-list>`},{default:n(()=>[t(s,null,{default:n(()=>[t(a,null,{default:n(()=>[t(p,{variant:"primary"},{default:n(()=>o[3]||(o[3]=[i("Next",-1)])),_:1,__:[3]})]),_:1}),t(a,null,{default:n(()=>[t(p,{variant:"secondary"},{default:n(()=>o[4]||(o[4]=[i("Back",-1)])),_:1,__:[4]})]),_:1}),t(a,null,{default:n(()=>[t(b,null,{toggle:n(()=>[t(m,{variant:"plain"},{default:n(()=>[t(u(g))]),_:1})]),default:n(()=>[t(l,null,{default:n(()=>o[5]||(o[5]=[i("Link",-1)])),_:1,__:[5]}),t(l,{component:"button"},{default:n(()=>o[6]||(o[6]=[i("Action",-1)])),_:1,__:[6]}),t(l,{disabled:""},{default:n(()=>o[7]||(o[7]=[i("Disabled Link",-1)])),_:1,__:[7]}),t(l,{disabled:"",component:"button"},{default:n(()=>o[8]||(o[8]=[i("Disabled Action",-1)])),_:1,__:[8]}),t(_),t(l,null,{default:n(()=>o[9]||(o[9]=[i("Separated Link",-1)])),_:1,__:[9]}),t(l,{component:"button"},{default:n(()=>o[10]||(o[10]=[i("Separated Action",-1)])),_:1,__:[10]})]),_:1})]),_:1})]),_:1})]),_:1}),t(f,{title:"Action list with icons",source:`<pf-action-list icon-list>
33
33
<pf-action-list-item>
34
34
<pf-button variant="plain"><x-icon /></pf-button>
35
35
</pf-action-list-item>
@@ -53,4 +53,4 @@ import{E as g}from"./ellipsis-vertical-icon-BIeYaNTa.js";import{f as w,g as k,a
0 commit comments