score:6
Accepted answer
try adding this to your css
file
.popover_class{
margin-top: 10px;
border: 1px solid black;
}
.popover_class::before{
content: '';
position: absolute;
top: -20px;
right: 5px;
border-bottom: 10px solid black;
border-right: 10px solid transparent;
border-left: 10px solid transparent;
border-top: 10px solid transparent;
z-index: 10;
}
score:2
add tyhis style in style css. you have only to adjust some margin and colors.
.popover_class:after {
content:"";
position: absolute;
right: 4px;
top: -5px;
width: 0;`
height: 0;
border-style: solid;
border-width: 0 8px 8px 8px;
border-color: transparent transparent green transparent;
z-index:9998;
}
Source: stackoverflow.com
Related Query
- Material ui popover how to anchor to another element (different from event target)
- Material UI - Unblock scrolling when popover is opened
- How can I change the width of Material UI Autocomplete popover
- How to customize Autocomplete tag - Material UI
- How to customize colors in Material UI Stepper Step?
- Can't customize color palette types on Material UI theme in TypeScript
- Popover component - onExited callback doesn't work , material ui
- Customize material-ui popover
- How do I customize Material UI in React?
- Wrong positioning of React Material UI Popover while creating a component
- Unexpected behavior in material ui popover
- material UI popover - position on small screen
- Material Ui popover is not on right position
- Material UI Popover - keydown event simulation issue
- How to change the material ui popover height which gets open on select
- Edit the css of a material ui popover
- how to customize material ui tabs, tabs scroller
- How customize material ui select
- Material ui v4: I want to customize a Material UI button inside a class component using types script. Kindly let me know how can I do it?
- How to customize Material UI autocomplete dropdown menu
- Customize TableRow with Material UI component
- Customize Material UI ToolTip
- Material UI SpeedDial | How to customize ToolTips
- Customize material UI Switch when checked and disabled
- How to customize the Material UI Card boxshadow?
- How override Material UI Popover CSS classes in Select component in React
- How to Add Arrow to material UI popover Like ToolTip
- Material ui can't modify Popover max-height
- Material ui - unable to set height of popover menu opened from a Select Validator
- How to customize text colors in the material ui in v 1.0.0
More Query from same tag
- npm start is not working in cmd and it is showing error as shown in image?
- Switch to login returning element type is invalid in React
- Ant Design Input loses focus on input change
- Embedding a Menu inside a TableCell with Material-UI
- Updating prop on a specific component based on API response
- ReactJS change state of another class from child
- Trying to render a Pop up outside of render: React Js
- Stackoverflowexception on returning list<object>
- How to persist Auth0 login status in browser for React SPA
- How to call a function method in a component class render method? getting Uncaught TypeError: Cannot read property 'value' of null in React
- How to achieve search with multiple input with react.js?
- Custom Style to a form created using react-json schema form
- How to delete all selected option in select using reactJS
- React componentDidMount causing initial flickering on conditional views
- Way to pass value during Button on click to another component with async in react
- Where does initialI18nStore come from with react-i18next
- React promise code need to change a json value
- How to make a function dynamic in react?
- react jsx inline style not rendering when populated from a variable
- How can I compare data from two maps
- I want to dynamically generate a form based on the data passed into my functional component. Different data mens different forms
- React react-data-table-component Add Event in Row Button
- CSP error while serving with express (with helmet) an app created with create-react-app
- Mouse pointer cannot detect element to trigger onClick()
- react How to make onClick not work only on certain elements
- Why Redux reducer returns undefined after action click?
- Can I bundle react.js apps into multiple modules?
- How to change color button onclick react.js
- How to iterate over multiple arrays in a JSON object in react
- Getting data from Facebook API React