group buttons

Said HR answered on February 19, 2022 Popularity 9/10 Helpfulness 1/10

answer group buttons

related group button

group buttons

Comment

GroupButton(
    spacing: 5,
    isRadio: false,
    direction: Axis.horizontal,
    onSelected: (index, isSelected) =>
          print('$index button is ${isSelected ? 'selected' : 'unselected'}'),
    buttons: ["Dart","Kotlin","Java","Swift","Objective-C","Python","JS"],
    selectedButtons: [0, 1], /// [List<int>] after 2.2.1 version 
    selectedTextStyle: TextStyle(
        fontWeight: FontWeight.w600,
        fontSize: 16,
        color: Colors.red,
    ),
    unselectedTextStyle: TextStyle(
        fontWeight: FontWeight.w600,
        fontSize: 14,
        color: Colors.grey[600],
    ),
    selectedColor: Colors.white,
    unselectedColor: Colors.grey[300],
    selectedBorderColor: Colors.red,
    unselectedBorderColor: Colors.grey[500],
    borderRadius: BorderRadius.circular(5.0),
    selectedShadow: <BoxShadow>[BoxShadow(color: Colors.transparent)],
    unselectedShadow: <BoxShadow>[BoxShadow(color: Colors.transparent)],
)

Popularity 9/10 Helpfulness 1/10 Language whatever

Source: flutterawesome.com

Tags: whatever

Link to this answer
Share Copy Link

Contributed on Feb 19 2022

Said HR

0 Answers Avg Quality 2/10

Closely Related Answers

group button

Comment

<fieldset class="slds-form-element">
  <legend class="slds-form-element__legend slds-form-element__label">
    <abbr class="slds-required" title="required">*</abbr>Radio Group Label</legend>
  <div class="slds-form-element__control">
    <div class="slds-radio_button-group">
      <span class="slds-button slds-radio_button">
        <input type="radio" name="example-unique-name-113" id="example-unique-id-115" value="monday" />
        <label class="slds-radio_button__label" for="example-unique-id-115">
          <span class="slds-radio_faux">Mon</span>
        </label>
      </span>
      <span class="slds-button slds-radio_button">
        <input type="radio" name="example-unique-name-113" id="example-unique-id-116" value="tuesday" />
        <label class="slds-radio_button__label" for="example-unique-id-116">
          <span class="slds-radio_faux">Tue</span>
        </label>
      </span>
      <span class="slds-button slds-radio_button">
        <input type="radio" name="example-unique-name-113" id="example-unique-id-117" value="wednesday" />
        <label class="slds-radio_button__label" for="example-unique-id-117">
          <span class="slds-radio_faux">Wed</span>
        </label>
      </span>
      <span class="slds-button slds-radio_button">
        <input type="radio" name="example-unique-name-113" id="example-unique-id-118" value="thursday" />
        <label class="slds-radio_button__label" for="example-unique-id-118">
          <span class="slds-radio_faux">Thu</span>
        </label>
      </span>
      <span class="slds-button slds-radio_button">
        <input type="radio" name="example-unique-name-113" id="example-unique-id-119" value="friday" />
        <label class="slds-radio_button__label" for="example-unique-id-119">
          <span class="slds-radio_faux">Fri</span>
        </label>
      </span>
    </div>
  </div>
</fieldset>

Popularity 10/10 Helpfulness 2/10 Language html

Source: www.lightningdesignsystem.com

Tags: html

Link to this answer
Share Copy Link

Contributed on Feb 28 2022

technical tushar

0 Answers Avg Quality 2/10

group buttons

Contents

More Related Answers

group buttons

Closely Related Answers

group button

Grepper

Documentation

Social

Legal

Contact

Oops, You will need to install Grepper and log-in to perform this action.