furniture-app's People
furniture-app's Issues
1.1 | Component Hierarchy | CostDue
2.3 | Text Styling | CreateProjectPage
2.1 | Styled Components | InfoRowPicture
2.2 | Layout Styling | InfoRowPicture
2.3 | Text Styling | ProjectDescription
2.3 | Text Styling | InfoNameAndNumber
2.1 | Styled Components | AppHeader
2.2 | Layout Styling | CostDue
2.1 | Styled Components | BidResolutionPage
2.3 | Text Styling | InfoRowPicture
2.2 | Layout Styling | BidImageAndDescription
2.2 | Layout Styling | BidDetail
2.2 | Layout Styling | EmailRow
2.3 | Text Styling | InfoRow
1.1 | Component Hierarchy | UserContactInfo
2.1 | Styled Components | InfoRow
2.3 | Text Styling | CostDue
2.3 | Text Styling | TaggingProject
2.3 | Text Styling | PhoneLine
1.1 | Component Hierarchy | App Header
2.3 | Text Styling | UserContactInfo
2.1 | Styled Components | EmailRow
2.1 | Styled Components | AddressRow
2.3 | Text Styling | BidSubmittedPopUp
2.1 | Styled Components | CostDue
1.1 | Component Hierarchy | UserContactInfo
1.1 | Component Hierarchy | BidDetail
1.1 | Component Hierarchy | AddressRow
2.2 | Layout Styling | InfoNameAndNumber
2.2 | Layout Styling | UserContactInfo
2.3 | Text Styling | AddressRow
2.1 | Styled Components | InfoNameAndNumber
2.3 | Text Styling | BidDetail
2.2 | Layout Styling | BidResolutionPage
2.3 | Text Styling | BidResolutionPage
2.3 | Text Styling | BidImageAndDescription
2.2 | Layout Styling | AddressRow
2.1 | Styled Components | InfoRow
2.3 | Text Styling | UserContactInfo
2.1 | Styled Components | UserContactInfo
2.2 | Layout Styling | AppHeader
2.2 | Layout Styling | InfoRow
2.1 | Styled Components | PhoneLine
2.3 | Text Styling | EmailRow
2.3 | Text Styling | ProjectDetailsTag
Text Styling | ProjectDetailsTag
Task Code: 2.3
Objective: Add text styling to the ProjectDetailsTag component.
File Name:
src/components/BidResolutionPage/ProjectDetailsTag/ProjectDetailsTag.ts
Component Description:
Project details label
No interactivity
Component Image:
Component CSS:
Root:
font-family: Roboto;
line-height: 20px;
font-size: 11px;
color: #757575;
Value:
font-weight: bold;
Sample Inputs:
const IndividualChatStyle = styled.div `
display: flex;
`;
export class IndividualChat extends React.PureComponent {
render() {
return (
<IndividualChatStyle>
<ChatImage/>
<ChatText/>
</IndividualChatStyle>
);
};
};
Sample Output:
const IndividualChatStyle = styled.div `
display: flex;
+ font-family: "Arial", sans-serif;
+ font-size: 14px;
+ font-weight: bold;
+ color: black;
`;
export class IndividualChat extends React.PureComponent {
render() {
return (
<IndividualChatStyle>
<ChatImage/>
<ChatText/>
</IndividualChatStyle>
);
};
};
Workspace Link:
1.1 | Text Styling | AppHeader
2.2 | Layout Styling | TaggingProject
2.3 | Text Styling | PhotoContainer
2.1 | Styled Components | BidDetail
2.2 | Layout Styling | PhoneLine
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
๐ Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. ๐๐๐
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google โค๏ธ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.