mirror of https://github.com/ionic-team/ionic-framework.git synced 2026-03-13 10:22:08 +08:00

Files

Brandy Carney a7f1f4daa7 refactor(components): update to use shadow DOM and work with css variables

- updates components to use shadow DOM or scoped if they require css variables
- moves global styles to an external stylesheet that needs to be imported
- adds support for additional colors and removes the Sass loops to generate colors for each component
- several property renames, bug fixes, and test updates

Co-authored-by: Manu Mtz.-Almeida <manu.mtza@gmail.com>
Co-authored-by: Adam Bradley <adambradley25@gmail.com>
Co-authored-by: Cam Wiegert <cam@camwiegert.com>

2018-07-09 12:57:21 -04:00

test

refactor(components): update to use shadow DOM and work with css variables

2018-07-09 12:57:21 -04:00

usage

docs(): update usage and examples

2018-05-30 12:41:30 -04:00

avatar.ios.scss

refactor(components): update to use shadow DOM and work with css variables

2018-07-09 12:57:21 -04:00

avatar.ios.vars.scss

chore(packages): move the packages to root

2018-03-12 16:02:25 -04:00

avatar.md.scss

refactor(components): update to use shadow DOM and work with css variables

2018-07-09 12:57:21 -04:00

avatar.md.vars.scss

chore(packages): move the packages to root

2018-03-12 16:02:25 -04:00

avatar.scss

refactor(components): update to use shadow DOM and work with css variables

2018-07-09 12:57:21 -04:00

avatar.tsx

refactor(components): update to use shadow DOM and work with css variables

2018-07-09 12:57:21 -04:00

readme.md

docs(usage): add usage docs for avatar, text, thumbnail

2018-04-05 13:02:52 -04:00

readme.md

ion-avatar

Avatars are circular components that usually wrap an image or icon. They can be used to represent a person or an object.

Avatars can be used by themselves or inside of any element. If placed inside of an ion-chip or ion-item, the avatar will resize to fit the parent component. To position an avatar on the left or right side of an item, set the slot to start or end, respectively.

Built with StencilJS