Skip to content

Commit

Permalink
Merge branch 'master' of https://github.com/bdlukaa/fluent_ui
Browse files Browse the repository at this point in the history
  • Loading branch information
bdlukaa committed Feb 10, 2022
2 parents f66e78d + 33203c8 commit d180e9f
Showing 1 changed file with 26 additions and 25 deletions.
51 changes: 26 additions & 25 deletions README.md
Original file line number Diff line number Diff line change
Expand Up @@ -50,7 +50,10 @@ Unofficial implementation of Fluent UI for [Flutter](flutter.dev). It's written
- [Bottom Navigation](#bottom-navigation)
- [Inputs](#inputs)
- [Button](#button)
- [Filled Button](#filled-button)
- [Icon Button](#icon-button)
- [Outlined Button](#outlined-button)
- [Text Button](#outlined-button)
- [Split Button](#split-button)
- [Toggle Button](#toggle-button)
- [Checkbox](#checkbox)
Expand Down Expand Up @@ -675,6 +678,19 @@ The code above produces the following:

You can also use some alternative buttons:

### Filled Button

This button is identical to the `Button`, but with accent color fill in background

```dart
FilledButton(
child: Text('FILLED BUTTON'),
onPressed: () {
print('pressed filled button');
},
),
```

### Icon Button

This button is used to display an `Icon` as content. It's optmized to show icons.
Expand All @@ -688,18 +704,7 @@ IconButton(
),
```

<!-- - `FilledButton`
```dart
FilledButton(
child: Text('FILLED BUTTON'),
onPressed: () {
print('pressed filled button');
},
),
```
![Filled Button](https://user-images.githubusercontent.com/45696119/120252437-e0d78d00-c25a-11eb-8122-56457c782fbd.png)

- `OutlinedButton`
### Outlined Button

```dart
OutlinedButton(
Expand All @@ -710,20 +715,16 @@ IconButton(
),
```

![Outlined Button](https://user-images.githubusercontent.com/45696119/120252439-e339e700-c25a-11eb-9695-6d5c3c471166.png)

- `TextButton`
### Text Button

```dart
TextButton(
child: Text('TEXT BUTTON'),
onPressed: () {
print('pressed text button');
},
),
```

![Text Button](https://user-images.githubusercontent.com/45696119/120252431-de753300-c25a-11eb-8055-531abd25e5d3.png) -->
```dart
TextButton(
child: Text('TEXT BUTTON'),
onPressed: () {
print('pressed text button');
},
),
```

## Split Button

Expand Down

0 comments on commit d180e9f

Please sign in to comment.