mirror of
https://github.com/ionic-team/ionic-framework.git
synced 2026-03-13 10:22:08 +08:00
docs(select): update headings to display properly in the docs (#21159)
This commit is contained in:
@@ -1,4 +1,4 @@
|
||||
## Single Selection
|
||||
### Single Selection
|
||||
|
||||
```html
|
||||
<ion-list>
|
||||
@@ -29,7 +29,7 @@
|
||||
</ion-list>
|
||||
```
|
||||
|
||||
## Multiple Selection
|
||||
### Multiple Selection
|
||||
|
||||
```html
|
||||
<ion-list>
|
||||
@@ -67,7 +67,7 @@
|
||||
</ion-list>
|
||||
```
|
||||
|
||||
## Objects as Values
|
||||
### Objects as Values
|
||||
|
||||
```html
|
||||
<ion-list>
|
||||
@@ -121,7 +121,7 @@ export class SelectExample {
|
||||
}
|
||||
```
|
||||
|
||||
## Interface Options
|
||||
### Interface Options
|
||||
|
||||
```html
|
||||
<ion-list>
|
||||
|
||||
@@ -1,4 +1,4 @@
|
||||
## Single Selection
|
||||
### Single Selection
|
||||
|
||||
```html
|
||||
<ion-list>
|
||||
@@ -29,7 +29,7 @@
|
||||
</ion-list>
|
||||
```
|
||||
|
||||
## Multiple Selection
|
||||
### Multiple Selection
|
||||
|
||||
```html
|
||||
<ion-list>
|
||||
@@ -72,7 +72,7 @@ const select = document.querySelector('multiple');
|
||||
select.value = ['bird', 'dog'];
|
||||
```
|
||||
|
||||
## Objects as Values
|
||||
### Objects as Values
|
||||
|
||||
```html
|
||||
<ion-list>
|
||||
@@ -122,12 +122,12 @@ select.value = ['bird', 'dog'];
|
||||
|
||||
objectSelectElement.appendChild(selectOption)
|
||||
});
|
||||
|
||||
|
||||
objectSelectElement.value = objectOptions[0];
|
||||
}
|
||||
```
|
||||
|
||||
## Interface Options
|
||||
### Interface Options
|
||||
|
||||
```html
|
||||
<ion-list>
|
||||
|
||||
@@ -1,4 +1,4 @@
|
||||
## Single Selection
|
||||
### Single Selection
|
||||
|
||||
```tsx
|
||||
import React, { useState } from 'react';
|
||||
@@ -47,7 +47,7 @@ export const SingleSelection: React.FC = () => {
|
||||
```
|
||||
|
||||
|
||||
## Multiple Selection
|
||||
### Multiple Selection
|
||||
|
||||
```tsx
|
||||
import React, { useState } from 'react';
|
||||
@@ -104,7 +104,7 @@ export const MultipleSelection: React.FC = () => {
|
||||
```
|
||||
|
||||
|
||||
## Objects as Values
|
||||
### Objects as Values
|
||||
|
||||
```tsx
|
||||
import React, { useState } from 'react';
|
||||
@@ -170,7 +170,7 @@ export const ObjectSelection: React.FC = () => {
|
||||
```
|
||||
|
||||
|
||||
## Interface Options
|
||||
### Interface Options
|
||||
|
||||
```tsx
|
||||
import React, { useState } from 'react';
|
||||
@@ -235,9 +235,9 @@ export const InterfaceOptionsSelection: React.FC = () => {
|
||||
|
||||
<IonItem>
|
||||
<IonLabel>Popover</IonLabel>
|
||||
<IonSelect
|
||||
interfaceOptions={customPopoverOptions}
|
||||
interface="popover"
|
||||
<IonSelect
|
||||
interfaceOptions={customPopoverOptions}
|
||||
interface="popover"
|
||||
placeholder="Select One"
|
||||
onIonChange={e => setHairColor(e.detail.value)}
|
||||
value={hairColor}>
|
||||
|
||||
@@ -1,4 +1,4 @@
|
||||
## Single Selection
|
||||
### Single Selection
|
||||
|
||||
```html
|
||||
<template>
|
||||
@@ -31,7 +31,7 @@
|
||||
</template>
|
||||
```
|
||||
|
||||
## Multiple Selection
|
||||
### Multiple Selection
|
||||
|
||||
```html
|
||||
<template>
|
||||
@@ -71,7 +71,7 @@
|
||||
</template>
|
||||
```
|
||||
|
||||
## Interface Options
|
||||
### Interface Options
|
||||
|
||||
```html
|
||||
<template>
|
||||
|
||||
Reference in New Issue
Block a user