Skip to content

Commit

Permalink
(docs): button module
Browse files Browse the repository at this point in the history
  • Loading branch information
dreyliky committed Apr 1, 2023
1 parent 4b65756 commit b570e1a
Show file tree
Hide file tree
Showing 4 changed files with 9 additions and 12 deletions.
3 changes: 3 additions & 0 deletions angular.json
Original file line number Diff line number Diff line change
Expand Up @@ -195,5 +195,8 @@
"@angular-eslint/schematics:library": {
"setParserOptionsProject": true
}
},
"cli": {
"analytics": "a5b959d3-8a09-468e-99b2-e7709f529db4"
}
}
16 changes: 4 additions & 12 deletions src/app/library/docs/theming/button.md
Original file line number Diff line number Diff line change
Expand Up @@ -7,18 +7,10 @@ to get more information.

## ButtonComponent

### CSS Classes
### CSS Selectors
| Name | Description |
| ------------- | --------------------------------- |
| `.os-button` | Host element |
| `.os-active` | Is button pressed |
| `.os-disabled`| Is button disabled |
| `.os-focused` | Is button focused |

### Attributes
| Name | Description |
| --------------- | ----------------------------------------- |
| `aria-label` | Metadata of destination of the button |
| `aria-controls` | Metadata of relation of the button |
| `aria-selected` | Metadata of selection state of the button |
| `role` | Metadata of role of the button |
| `:active` | Is button pressed |
| `:disabled` | Is button disabled |
| `:focus` | Is button focused |
Original file line number Diff line number Diff line change
@@ -1,5 +1,6 @@
import { Directive } from '@angular/core';

/** Transforms HTML button to link-button in os style */
@Directive({
selector: 'button[osButtonLink]',
host: {
Expand Down
Original file line number Diff line number Diff line change
@@ -1,5 +1,6 @@
import { Directive } from '@angular/core';

/** Transforms HTML button to button in os style */
@Directive({
selector: 'button[osButton]',
host: {
Expand Down

0 comments on commit b570e1a

Please sign in to comment.