Skip to content

Commit

Permalink
Fix primefaces#4144: Add new props to SplitButton component
Browse files Browse the repository at this point in the history
  • Loading branch information
@habubey
habubey committed Mar 9, 2023
1 parent 6c46d59 commit 4514719
Show file tree
Hide file tree
Showing 10 changed files with 221 additions and 173 deletions.
56 changes: 28 additions & 28 deletions components/doc/splitbutton/outlineddoc.js
View file
Original file line number Diff line number Diff line change
Expand Up @@ -46,13 +46,13 @@ export function OutlinedDoc(props) {
const code = {
basic: `
<Toast ref={toast}></Toast>
<SplitButton label="Save" icon="pi pi-plus" onClick={save} model={items} className="p-button-outlined" />
<SplitButton label="Save" icon="pi pi-plus" onClick={save} model={items} className="p-button-secondary p-button-outlined" />
<SplitButton label="Save" icon="pi pi-plus" onClick={save} model={items} className="p-button-success p-button-outlined" />
<SplitButton label="Save" icon="pi pi-plus" onClick={save} model={items} className="p-button-info p-button-outlined" />
<SplitButton label="Save" icon="pi pi-plus" onClick={save} model={items} className="p-button-warning p-button-outlined" />
<SplitButton label="Save" icon="pi pi-plus" onClick={save} model={items} className="p-button-help p-button-outlined" />
<SplitButton label="Save" icon="pi pi-plus" onClick={save} model={items} className="p-button-danger p-button-outlined" />
<SplitButton label="Save" icon="pi pi-plus" onClick={save} model={items} outlined />
<SplitButton label="Save" icon="pi pi-plus" onClick={save} model={items} severity="secondary" outlined />
<SplitButton label="Save" icon="pi pi-plus" onClick={save} model={items} severity="success" outlined />
<SplitButton label="Save" icon="pi pi-plus" onClick={save} model={items} severity="info" outlined />
<SplitButton label="Save" icon="pi pi-plus" onClick={save} model={items} severity="warning" outlined />
<SplitButton label="Save" icon="pi pi-plus" onClick={save} model={items} severity="help" outlined />
<SplitButton label="Save" icon="pi pi-plus" onClick={save} model={items} severity="danger" outlined />
`,
javascript: `
import React, { useRef } from 'react';
Expand Down Expand Up @@ -101,13 +101,13 @@ export default function OutlinedDemo() {
return (
<div className="card flex justify-content-center">
<Toast ref={toast}></Toast>
<SplitButton label="Save" icon="pi pi-plus" onClick={save} model={items} className="p-button-outlined" />
<SplitButton label="Save" icon="pi pi-plus" onClick={save} model={items} className="p-button-secondary p-button-outlined" />
<SplitButton label="Save" icon="pi pi-plus" onClick={save} model={items} className="p-button-success p-button-outlined" />
<SplitButton label="Save" icon="pi pi-plus" onClick={save} model={items} className="p-button-info p-button-outlined" />
<SplitButton label="Save" icon="pi pi-plus" onClick={save} model={items} className="p-button-warning p-button-outlined" />
<SplitButton label="Save" icon="pi pi-plus" onClick={save} model={items} className="p-button-help p-button-outlined" />
<SplitButton label="Save" icon="pi pi-plus" onClick={save} model={items} className="p-button-danger p-button-outlined" />
<SplitButton label="Save" icon="pi pi-plus" onClick={save} model={items} outlined />
<SplitButton label="Save" icon="pi pi-plus" onClick={save} model={items} severity="secondary" outlined />
<SplitButton label="Save" icon="pi pi-plus" onClick={save} model={items} severity="success" outlined />
<SplitButton label="Save" icon="pi pi-plus" onClick={save} model={items} severity="info" outlined />
<SplitButton label="Save" icon="pi pi-plus" onClick={save} model={items} severity="warning" outlined />
<SplitButton label="Save" icon="pi pi-plus" onClick={save} model={items} severity="help" outlined />
<SplitButton label="Save" icon="pi pi-plus" onClick={save} model={items} severity="danger" outlined />
</div>
)
}
Expand Down Expand Up @@ -160,13 +160,13 @@ export default function OutlinedDemo() {
return (
<div className="card flex justify-content-center">
<Toast ref={toast}></Toast>
<SplitButton label="Save" icon="pi pi-plus" onClick={save} model={items} className="p-button-outlined" />
<SplitButton label="Save" icon="pi pi-plus" onClick={save} model={items} className="p-button-secondary p-button-outlined" />
<SplitButton label="Save" icon="pi pi-plus" onClick={save} model={items} className="p-button-success p-button-outlined" />
<SplitButton label="Save" icon="pi pi-plus" onClick={save} model={items} className="p-button-info p-button-outlined" />
<SplitButton label="Save" icon="pi pi-plus" onClick={save} model={items} className="p-button-warning p-button-outlined" />
<SplitButton label="Save" icon="pi pi-plus" onClick={save} model={items} className="p-button-help p-button-outlined" />
<SplitButton label="Save" icon="pi pi-plus" onClick={save} model={items} className="p-button-danger p-button-outlined" />
<SplitButton label="Save" icon="pi pi-plus" onClick={save} model={items} outlined />
<SplitButton label="Save" icon="pi pi-plus" onClick={save} model={items} severity="secondary" outlined />
<SplitButton label="Save" icon="pi pi-plus" onClick={save} model={items} severity="success" outlined />
<SplitButton label="Save" icon="pi pi-plus" onClick={save} model={items} severity="info" outlined />
<SplitButton label="Save" icon="pi pi-plus" onClick={save} model={items} severity="warning" outlined />
<SplitButton label="Save" icon="pi pi-plus" onClick={save} model={items} severity="help" outlined />
<SplitButton label="Save" icon="pi pi-plus" onClick={save} model={items} severity="danger" outlined />
</div>
)
}
Expand All @@ -180,13 +180,13 @@ export default function OutlinedDemo() {
</DocSectionText>
<div className="card flex flex-wrap justify-content-center gap-3">
<Toast ref={toast}></Toast>
<SplitButton label="Save" icon="pi pi-plus" onClick={save} model={items} className="p-button-outlined" />
<SplitButton label="Save" icon="pi pi-plus" onClick={save} model={items} className="p-button-secondary p-button-outlined" />
<SplitButton label="Save" icon="pi pi-plus" onClick={save} model={items} className="p-button-success p-button-outlined" />
<SplitButton label="Save" icon="pi pi-plus" onClick={save} model={items} className="p-button-info p-button-outlined" />
<SplitButton label="Save" icon="pi pi-plus" onClick={save} model={items} className="p-button-warning p-button-outlined" />
<SplitButton label="Save" icon="pi pi-plus" onClick={save} model={items} className="p-button-help p-button-outlined" />
<SplitButton label="Save" icon="pi pi-plus" onClick={save} model={items} className="p-button-danger p-button-outlined" />
<SplitButton label="Save" icon="pi pi-plus" onClick={save} model={items} outlined />
<SplitButton label="Save" icon="pi pi-plus" onClick={save} model={items} severity="secondary" outlined />
<SplitButton label="Save" icon="pi pi-plus" onClick={save} model={items} severity="success" outlined />
<SplitButton label="Save" icon="pi pi-plus" onClick={save} model={items} severity="info" outlined />
<SplitButton label="Save" icon="pi pi-plus" onClick={save} model={items} severity="warning" outlined />
<SplitButton label="Save" icon="pi pi-plus" onClick={save} model={items} severity="help" outlined />
<SplitButton label="Save" icon="pi pi-plus" onClick={save} model={items} severity="danger" outlined />
</div>
<DocSectionCode code={code} />
</>
Expand Down
56 changes: 28 additions & 28 deletions components/doc/splitbutton/raiseddoc.js
View file
Original file line number Diff line number Diff line change
Expand Up @@ -46,13 +46,13 @@ export function RaisedDoc(props) {
const code = {
basic: `
<Toast ref={toast}></Toast>
<SplitButton label="Save" icon="pi pi-plus" onClick={save} model={items} className="p-button-raised" />
<SplitButton label="Save" icon="pi pi-plus" onClick={save} model={items} className="p-button-secondary p-button-raised" />
<SplitButton label="Save" icon="pi pi-plus" onClick={save} model={items} className="p-button-success p-button-raised" />
<SplitButton label="Save" icon="pi pi-plus" onClick={save} model={items} className="p-button-info p-button-raised" />
<SplitButton label="Save" icon="pi pi-plus" onClick={save} model={items} className="p-button-warning p-button-raised" />
<SplitButton label="Save" icon="pi pi-plus" onClick={save} model={items} className="p-button-help p-button-raised" />
<SplitButton label="Save" icon="pi pi-plus" onClick={save} model={items} className="p-button-danger p-button-raised" />
<SplitButton label="Save" icon="pi pi-plus" onClick={save} model={items} raised />
<SplitButton label="Save" icon="pi pi-plus" onClick={save} model={items} severity="secondary" raised />
<SplitButton label="Save" icon="pi pi-plus" onClick={save} model={items} severity="success" raised />
<SplitButton label="Save" icon="pi pi-plus" onClick={save} model={items} severity="info" raised />
<SplitButton label="Save" icon="pi pi-plus" onClick={save} model={items} severity="warning" raised />
<SplitButton label="Save" icon="pi pi-plus" onClick={save} model={items} severity="help" raised />
<SplitButton label="Save" icon="pi pi-plus" onClick={save} model={items} severity="danger" raised />
`,
javascript: `
import React, { useRef } from 'react';
Expand Down Expand Up @@ -101,13 +101,13 @@ export default function RaisedDemo() {
return (
<div className="card flex justify-content-center">
<Toast ref={toast}></Toast>
<SplitButton label="Save" icon="pi pi-plus" onClick={save} model={items} className="p-button-raised" />
<SplitButton label="Save" icon="pi pi-plus" onClick={save} model={items} className="p-button-secondary p-button-raised" />
<SplitButton label="Save" icon="pi pi-plus" onClick={save} model={items} className="p-button-success p-button-raised" />
<SplitButton label="Save" icon="pi pi-plus" onClick={save} model={items} className="p-button-info p-button-raised" />
<SplitButton label="Save" icon="pi pi-plus" onClick={save} model={items} className="p-button-warning p-button-raised" />
<SplitButton label="Save" icon="pi pi-plus" onClick={save} model={items} className="p-button-help p-button-raised" />
<SplitButton label="Save" icon="pi pi-plus" onClick={save} model={items} className="p-button-danger p-button-raised" />
<SplitButton label="Save" icon="pi pi-plus" onClick={save} model={items} raised />
<SplitButton label="Save" icon="pi pi-plus" onClick={save} model={items} severity="secondary" raised />
<SplitButton label="Save" icon="pi pi-plus" onClick={save} model={items} severity="success" raised />
<SplitButton label="Save" icon="pi pi-plus" onClick={save} model={items} severity="info" raised />
<SplitButton label="Save" icon="pi pi-plus" onClick={save} model={items} severity="warning" raised />
<SplitButton label="Save" icon="pi pi-plus" onClick={save} model={items} severity="help" raised />
<SplitButton label="Save" icon="pi pi-plus" onClick={save} model={items} severity="danger" raised />
</div>
)
}
Expand Down Expand Up @@ -160,13 +160,13 @@ export default function RaisedDemo() {
return (
<div className="card flex justify-content-center">
<Toast ref={toast}></Toast>
<SplitButton label="Save" icon="pi pi-plus" onClick={save} model={items} className="p-button-raised" />
<SplitButton label="Save" icon="pi pi-plus" onClick={save} model={items} className="p-button-secondary p-button-raised" />
<SplitButton label="Save" icon="pi pi-plus" onClick={save} model={items} className="p-button-success p-button-raised" />
<SplitButton label="Save" icon="pi pi-plus" onClick={save} model={items} className="p-button-info p-button-raised" />
<SplitButton label="Save" icon="pi pi-plus" onClick={save} model={items} className="p-button-warning p-button-raised" />
<SplitButton label="Save" icon="pi pi-plus" onClick={save} model={items} className="p-button-help p-button-raised" />
<SplitButton label="Save" icon="pi pi-plus" onClick={save} model={items} className="p-button-danger p-button-raised" />
<SplitButton label="Save" icon="pi pi-plus" onClick={save} model={items} raised />
<SplitButton label="Save" icon="pi pi-plus" onClick={save} model={items} severity="secondary" raised />
<SplitButton label="Save" icon="pi pi-plus" onClick={save} model={items} severity="success" raised />
<SplitButton label="Save" icon="pi pi-plus" onClick={save} model={items} severity="info" raised />
<SplitButton label="Save" icon="pi pi-plus" onClick={save} model={items} severity="warning" raised />
<SplitButton label="Save" icon="pi pi-plus" onClick={save} model={items} severity="help" raised />
<SplitButton label="Save" icon="pi pi-plus" onClick={save} model={items} severity="danger" raised />
</div>
)
}
Expand All @@ -180,13 +180,13 @@ export default function RaisedDemo() {
</DocSectionText>
<div className="card flex flex-wrap justify-content-center gap-3">
<Toast ref={toast}></Toast>
<SplitButton label="Save" icon="pi pi-plus" onClick={save} model={items} className="p-button-raised" />
<SplitButton label="Save" icon="pi pi-plus" onClick={save} model={items} className="p-button-secondary p-button-raised" />
<SplitButton label="Save" icon="pi pi-plus" onClick={save} model={items} className="p-button-success p-button-raised" />
<SplitButton label="Save" icon="pi pi-plus" onClick={save} model={items} className="p-button-info p-button-raised" />
<SplitButton label="Save" icon="pi pi-plus" onClick={save} model={items} className="p-button-warning p-button-raised" />
<SplitButton label="Save" icon="pi pi-plus" onClick={save} model={items} className="p-button-help p-button-raised" />
<SplitButton label="Save" icon="pi pi-plus" onClick={save} model={items} className="p-button-danger p-button-raised" />
<SplitButton label="Save" icon="pi pi-plus" onClick={save} model={items} raised />
<SplitButton label="Save" icon="pi pi-plus" onClick={save} model={items} severity="secondary" raised />
<SplitButton label="Save" icon="pi pi-plus" onClick={save} model={items} severity="success" raised />
<SplitButton label="Save" icon="pi pi-plus" onClick={save} model={items} severity="info" raised />
<SplitButton label="Save" icon="pi pi-plus" onClick={save} model={items} severity="warning" raised />
<SplitButton label="Save" icon="pi pi-plus" onClick={save} model={items} severity="help" raised />
<SplitButton label="Save" icon="pi pi-plus" onClick={save} model={items} severity="danger" raised />
</div>
<DocSectionCode code={code} />
</>
Expand Down
Loading

1 comment on commit 4514719

@vercel
Copy link

@vercel vercel bot commented on 4514719 Mar 9, 2023

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Successfully deployed to the following URLs:

primereact – ./

primereact-nu.vercel.app
primereact-habubey.vercel.app
primereact-git-master-habubey.vercel.app

Please sign in to comment.