Skip to content

Commit

Permalink
Refactor
Browse files Browse the repository at this point in the history
  • Loading branch information
@mertsincan
mertsincan committed Aug 18, 2022
1 parent 8da4b22 commit 2e75910
Show file tree
Hide file tree
Showing 2 changed files with 15 additions and 15 deletions.
24 changes: 12 additions & 12 deletions components/doc/dropdown/index.js
View file
Expand Up @@ -187,17 +187,17 @@ export class DropdownDemo extends Component {
<div className="dropdown-demo">
<div className="card">
<h5>Basic</h5>
<Dropdown value={this.state.selectedCity1} options={this.cities} onChange={this.onCityChange} optionLabel="name" optionValue="code" placeholder="Select a City" />
<Dropdown value={this.state.selectedCity1} options={this.cities} onChange={this.onCityChange} optionLabel="name" placeholder="Select a City" />
<h5>Editable</h5>
<Dropdown value={this.state.selectedCity2} options={this.cities} onChange={this.onCityChange2} optionLabel="name" optionValue="code" editable />
<Dropdown value={this.state.selectedCity2} options={this.cities} onChange={this.onCityChange2} optionLabel="name" editable />
<h5>Grouped</h5>
<Dropdown value={this.state.selectedGroupedCity} options={this.groupedCities} onChange={this.onGroupedCityChange} optionLabel="label" optionGroupLabel="label" optionGroupChildren="items"
optionGroupTemplate={this.groupedItemTemplate} />
<h5>Advanced with Templating, Filtering and Clear Icon</h5>
<Dropdown value={this.state.selectedCountry} options={this.countries} onChange={this.onCountryChange} optionLabel="name" optionValue="code" filter showClear filterBy="name" placeholder="Select a Country"
<Dropdown value={this.state.selectedCountry} options={this.countries} onChange={this.onCountryChange} optionLabel="name" filter showClear filterBy="name" placeholder="Select a Country"
valueTemplate={this.selectedCountryTemplate} itemTemplate={this.countryOptionTemplate} />
<h5>Virtual Scroll (100000 Items)</h5>
Expand Down Expand Up @@ -381,17 +381,17 @@ const DropdownDemo = () => {
<div className="dropdown-demo">
<div className="card">
<h5>Basic</h5>
<Dropdown value={selectedCity1} options={cities} onChange={onCityChange} optionLabel="name" optionValue="code" placeholder="Select a City" />
<Dropdown value={selectedCity1} options={cities} onChange={onCityChange} optionLabel="name" placeholder="Select a City" />
<h5>Editable</h5>
<Dropdown value={selectedCity2} options={cities} onChange={onCityChange2} optionLabel="name" optionValue="code" editable />
<Dropdown value={selectedCity2} options={cities} onChange={onCityChange2} optionLabel="name" editable />
<h5>Grouped</h5>
<Dropdown value={selectedGroupedCity} options={groupedCities} onChange={onGroupedCityChange} optionLabel="label" optionGroupLabel="label" optionGroupChildren="items"
optionGroupTemplate={groupedItemTemplate} />
<h5>Advanced with Templating, Filtering and Clear Icon</h5>
<Dropdown value={selectedCountry} options={countries} onChange={onCountryChange} optionLabel="name" optionValue="code" filter showClear filterBy="name" placeholder="Select a Country"
<Dropdown value={selectedCountry} options={countries} onChange={onCountryChange} optionLabel="name" filter showClear filterBy="name" placeholder="Select a Country"
valueTemplate={selectedCountryTemplate} itemTemplate={countryOptionTemplate} />
<h5>Virtual Scroll (100000 Items)</h5>
Expand Down Expand Up @@ -574,17 +574,17 @@ const DropdownDemo = () => {
<div className="dropdown-demo">
<div className="card">
<h5>Basic</h5>
<Dropdown value={selectedCity1} options={cities} onChange={onCityChange} optionLabel="name" optionValue="code" placeholder="Select a City" />
<Dropdown value={selectedCity1} options={cities} onChange={onCityChange} optionLabel="name" placeholder="Select a City" />
<h5>Editable</h5>
<Dropdown value={selectedCity2} options={cities} onChange={onCityChange2} optionLabel="name" optionValue="code" editable />
<Dropdown value={selectedCity2} options={cities} onChange={onCityChange2} optionLabel="name" editable />
<h5>Grouped</h5>
<Dropdown value={selectedGroupedCity} options={groupedCities} onChange={onGroupedCityChange} optionLabel="label" optionGroupLabel="label" optionGroupChildren="items"
optionGroupTemplate={groupedItemTemplate} />
<h5>Advanced with Templating, Filtering and Clear Icon</h5>
<Dropdown value={selectedCountry} options={countries} onChange={onCountryChange} optionLabel="name" optionValue="code" filter showClear filterBy="name" placeholder="Select a Country"
<Dropdown value={selectedCountry} options={countries} onChange={onCountryChange} optionLabel="name" filter showClear filterBy="name" placeholder="Select a Country"
valueTemplate={selectedCountryTemplate} itemTemplate={countryOptionTemplate} />
<h5>Virtual Scroll (100000 Items)</h5>
Expand Down Expand Up @@ -771,17 +771,17 @@ const DropdownDemo = () => {
<div className="dropdown-demo">
<div className="card">
<h5>Basic</h5>
<Dropdown value={selectedCity1} options={cities} onChange={onCityChange} optionLabel="name" optionValue="code" placeholder="Select a City" />
<Dropdown value={selectedCity1} options={cities} onChange={onCityChange} optionLabel="name" placeholder="Select a City" />
<h5>Editable</h5>
<Dropdown value={selectedCity2} options={cities} onChange={onCityChange2} optionLabel="name" optionValue="code" editable />
<Dropdown value={selectedCity2} options={cities} onChange={onCityChange2} optionLabel="name" editable />
<h5>Grouped</h5>
<Dropdown value={selectedGroupedCity} options={groupedCities} onChange={onGroupedCityChange} optionLabel="label" optionGroupLabel="label" optionGroupChildren="items"
optionGroupTemplate={groupedItemTemplate} />
<h5>Advanced with Templating, Filtering and Clear Icon</h5>
<Dropdown value={selectedCountry} options={countries} onChange={onCountryChange} optionLabel="name" optionValue="code" filter showClear filterBy="name" placeholder="Select a Country"
<Dropdown value={selectedCountry} options={countries} onChange={onCountryChange} optionLabel="name" filter showClear filterBy="name" placeholder="Select a Country"
valueTemplate={selectedCountryTemplate} itemTemplate={countryOptionTemplate} />
<h5>Virtual Scroll (100000 Items)</h5>
Expand Down
6 changes: 3 additions & 3 deletions pages/dropdown/index.js
View file
Expand Up @@ -175,17 +175,17 @@ const DropdownDemo = () => {
<div className="content-section implementation dropdown-demo">
<div className="card">
<h5>Basic</h5>
<Dropdown value={selectedCity1} options={cities} onChange={onCityChange} optionLabel="name" optionValue="code" placeholder="Select a City" />
<Dropdown value={selectedCity1} options={cities} onChange={onCityChange} optionLabel="name" placeholder="Select a City" />

<h5>Editable</h5>
<Dropdown value={selectedCity2} options={cities} onChange={onCityChange2} optionLabel="name" optionValue="code" editable />
<Dropdown value={selectedCity2} options={cities} onChange={onCityChange2} optionLabel="name" editable />

<h5>Grouped</h5>
<Dropdown value={selectedGroupedCity} options={groupedCities} onChange={onGroupedCityChange} optionLabel="label" optionGroupLabel="label" optionGroupChildren="items"
optionGroupTemplate={groupedItemTemplate} />

<h5>Advanced with Templating, Filtering and Clear Icon</h5>
<Dropdown value={selectedCountry} options={countries} onChange={onCountryChange} optionLabel="name" optionValue="code" filter showClear filterBy="name" placeholder="Select a Country"
<Dropdown value={selectedCountry} options={countries} onChange={onCountryChange} optionLabel="name" filter showClear filterBy="name" placeholder="Select a Country"
valueTemplate={selectedCountryTemplate} itemTemplate={countryOptionTemplate} />

<h5>Virtual Scroll (100000 Items)</h5>
Expand Down

0 comments on commit 2e75910

Please sign in to comment.