SourceКнопка төркеме
Кнопка төркеме белән бер сызыкта бер-бер артлы төймәләр сериясен төркемләгез, һәм аларны JavaScript ярдәмендә супер-көчле.
.btn
Бер- бер артлы төймәләр урыгыз .btn-group
. Өстәмә JavaScript радиосына һәм безнең төймәләр плагины белән тикшерү тартмасының стиль тәртибен өстәгез .
Дөреслекне role
тәэмин итегез һәм ярлык бирегез
Ярдәмче технологияләр (мәсәлән, экран укучылары) төймәләр сериясенең төркемләнгәнен җиткерү өчен, тиешле role
атрибут бирелергә тиеш. Кнопка төркемнәре өчен бу булыр role="group"
, ә кораллар аскысы булырга тиеш role="toolbar"
.
Моннан тыш, төркемнәргә һәм кораллар тактасына ачык ярлык бирелергә тиеш, чөнки күпчелек ярдәмче технологияләр, дөрес роль атрибутлары булуына карамастан, аларны игълан итмиләр. Монда китерелгән мисалларда без кулланабыз aria-label
, ләкин альтернатива aria-labelledby
да кулланырга мөмкин.
Катлаулы компонентлар өчен төймә төркемнәренең төймә коралларына берләштерегез. Төркемнәрне, төймәләрне һәм башкаларны аеру өчен кирәк булганда файдалы классларны кулланыгыз.
Кораллар тактасында кертү төркемнәрен төймә төркемнәре белән кушарга иренегез. Aboveгарыдагы мисалга охшап, әйберләрне дөрес урнаштыру өчен сезгә, бәлки, кайбер коммуналь хезмәтләр кирәк булыр.
Төркемдәге һәр төймәгә төймә размерларын куллану урынына, .btn-group-*
һәрберсенә өстәгез .btn-group
, шул исәптән берничә төркем оя корганда.
Бер -бер артлы төймәләр белән кушылган тамчы менюларны теләгәндә .btn-group
бүтәнне урнаштырыгыз..btn-group
Кнопкалар җыелмасы горизонталь түгел, вертикаль рәвештә тезелгән булып күренсен. Сплит төймә тамчылары монда булышмый.