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(): usage and examples

2018-06-18 12:45:15 -04:00

readme.md

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

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

thumbnail.ios.scss

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

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

thumbnail.ios.vars.scss

chore(packages): move the packages to root

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

thumbnail.md.scss

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

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

thumbnail.md.vars.scss

chore(packages): move the packages to root

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

thumbnail.scss

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

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

thumbnail.tsx

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

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

readme.md

ion-thumbnail

Thumbnails are square components that usually wrap an image or icon. They can be used to make it easier to display a group of larger images or provide a preview of the full-size image.

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

Built with StencilJS